:root{color-scheme:light dark;font-family:Roboto Condensed,sans-serif}body{color:light-dark(#000000,#FFFFFF);background-color:light-dark(#e3e3e3,#121212);width:100%}@media(max-width:768px){body{height:100%;min-height:100vh;display:flex;flex-direction:column}#mainIndex{width:100%;display:flex;flex-direction:column;align-items:center}#mainIndex h1{text-align:center}#images{width:75%;border-radius:10px;color:light-dark(#000000,#FFFFFF);background-color:light-dark(#CACACA,#2c2c2c);padding:0 10px 10px}#images img{width:100%}#images p{font-size:18px;padding-left:.5rem;max-width:50ch;letter-spacing:1px}#mainSASS{width:100%;display:flex;flex-direction:column;align-items:center}#mainSASS h1,#mainSASS h2{text-align:center}#mainSASS article{color:light-dark(#000000,#FFFFFF);background-color:light-dark(#CACACA,#2c2c2c);border-radius:15px;width:75%;padding:0 10px 10px}#mainSASS p{margin-left:1rem;font-size:18px;padding-left:.5rem;max-width:50ch;letter-spacing:1px}#mainAnimation{width:100%;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}.animationImg{opacity:0;height:0px;width:0px;animation:show-img 8s 6s alternate}#skateboardHeaders{display:flex;flex-direction:column;line-height:1}img{width:150px;height:auto}.kickflip:hover~.skateCat{animation:kickflip 3s ease-in-out}.kickflip:hover~.skateboardImg{animation:kickflip 3s ease-in-out}.popshuvit:hover~.skateCat{animation:popshuvit 2s ease-in-out,cat-jump 2s ease-in-out}.popshuvit:hover~.skateboardImg{animation:popshuvit 2s ease-in-out}.somersault:hover~img{animation:somersault 2s ease-in-out}.skateCat{opacity:0}.skateboardImg{opacity:0;margin-bottom:5rem}}@media(max-width:768px)and (prefers-color-scheme:dark){#headerAnimations{line-height:0}#headerAnimations .header2-1{pointer-events:none;color:#121212;animation:dark-heading-animation 2s 2s alternate 2}#headerAnimations .header2-2{color:#121212;animation:dark-heading-animation 3s 6s alternate 2}#headerAnimations .header2-3,#skateboardHeaders{color:#121212;animation:dark-heading-animation 2s 12s forwards}}@media(max-width:768px)and (prefers-color-scheme:light){#headerAnimations{line-height:0}#headerAnimations .header2-1{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 2s 2s alternate 2}#headerAnimations .header2-2{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 3s 6s alternate 2}#headerAnimations .header2-3{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 2s 12s forwards}#skateboardHeaders{color:#e3e3e3;animation:light-heading-animation 2s 12s forwards}}@media(min-width:768px)and (max-width:1200px){#mainIndex{width:100%;display:flex;flex-direction:column;align-items:center}#mainIndex h1{text-align:center}#images{width:75%;border-radius:10px;color:light-dark(#000000,#FFFFFF);background-color:light-dark(#CACACA,#2C2C2C);padding:0 10px 10px}#images img{width:100%}#images p{font-size:20px;padding-left:2rem;max-width:65ch;letter-spacing:1px;line-height:1.5rem}#mainSASS{width:100%;display:flex;flex-direction:column;align-items:center}#mainSASS h1,#mainSASS h2{text-align:center}#mainSASS article{color:light-dark(#000000,#FFFFFF);background-color:light-dark(#CACACA,#2c2c2c);border-radius:15px;width:75%;padding:0 10px 10px}#mainSASS p{font-size:20px;padding-left:2rem;max-width:65ch;letter-spacing:1px;line-height:1.5rem}#mainAnimation{width:100%;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}.animationImg{opacity:0;height:0px;width:0px;animation:show-img 8s 6s alternate}#skateboardHeaders{display:flex;flex-direction:column;line-height:1}img{width:150px;height:auto}.kickflip:hover~.skateCat{animation:kickflip 3s ease-in-out}.kickflip:hover~.skateboardImg{animation:kickflip 3s ease-in-out}.popshuvit:hover~.skateCat{animation:popshuvit 2s ease-in-out,cat-jump 2s ease-in-out}.popshuvit:hover~.skateboardImg{animation:popshuvit 2s ease-in-out}.somersault:hover~img{animation:somersault 2s ease-in-out}.skateCat{opacity:0}.skateboardImg{opacity:0;margin-bottom:10rem}}@media(min-width:768px)and (max-width:1200px)and (prefers-color-scheme:dark){#headerAnimations{line-height:0}#headerAnimations .header2-1{pointer-events:none;color:#121212;animation:dark-heading-animation 2s 2s alternate 2}#headerAnimations .header2-2{color:#121212;animation:dark-heading-animation 3s 6s alternate 2}#headerAnimations .header2-3,#skateboardHeaders{color:#121212;animation:dark-heading-animation 2s 12s forwards}}@media(min-width:768px)and (max-width:1200px)and (prefers-color-scheme:light){#headerAnimations{line-height:0}#headerAnimations .header2-1{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 2s 2s alternate 2}#headerAnimations .header2-2{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 3s 6s alternate 2}#headerAnimations .header2-3{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 2s 12s forwards}#skateboardHeaders{color:#e3e3e3;animation:light-heading-animation 2s 12s forwards}}@media(min-width:1200px){#mainIndex{width:100%;display:flex;flex-direction:column;align-items:center}#mainIndex h1{text-align:center}#images{width:75%;border-radius:10px;color:light-dark(#000000,#FFFFFF);background-color:light-dark(#CACACA,#2C2C2C);padding:0 10px 10px}#images img{width:100%}#images p{font-size:24px;padding-left:2rem;max-width:70ch;letter-spacing:1px;line-height:2rem}#mainSASS{width:100%;display:flex;flex-direction:column;align-items:center}#mainSASS h1,#mainSASS h2{text-align:center}#mainSASS article{color:light-dark(#000000,#FFFFFF);background-color:light-dark(#CACACA,#2c2c2c);border-radius:15px;width:75%;padding:0 10px 10px}#mainSASS p{font-size:24px;padding-left:2rem;max-width:70ch;letter-spacing:1px;line-height:2rem}#mainAnimation{width:100%;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}.animationImg{opacity:0;height:0px;width:0px;animation:show-img 8s 6s alternate}#skateboardHeaders{display:flex;flex-direction:column;line-height:1}img{width:150px;height:auto}.kickflip:hover~.skateCat{animation:kickflip 3s ease-in-out}.kickflip:hover~.skateboardImg{animation:kickflip 3s ease-in-out}.popshuvit:hover~.skateCat{animation:popshuvit 2s ease-in-out,cat-jump 2s ease-in-out}.popshuvit:hover~.skateboardImg{animation:popshuvit 2s ease-in-out}.somersault:hover~img{animation:somersault 2s ease-in-out}.skateCat{opacity:0}.skateboardImg{opacity:0;margin-bottom:10rem}}@media(min-width:1200px)and (prefers-color-scheme:dark){#headerAnimations{line-height:0}#headerAnimations .header2-1{pointer-events:none;color:#121212;animation:dark-heading-animation 2s 2s alternate 2}#headerAnimations .header2-2{color:#121212;animation:dark-heading-animation 3s 6s alternate 2}#headerAnimations .header2-3,#skateboardHeaders{color:#121212;animation:dark-heading-animation 2s 12s forwards}}@media(min-width:1200px)and (prefers-color-scheme:light){#headerAnimations{line-height:0}#headerAnimations .header2-1{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 2s 2s alternate 2}#headerAnimations .header2-2{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 3s 6s alternate 2}#headerAnimations .header2-3{pointer-events:none;color:#e3e3e3;animation:light-heading-animation 2s 12s forwards}#skateboardHeaders{color:#e3e3e3;animation:light-heading-animation 2s 12s forwards}}header,#footer{width:100%;background:linear-gradient(147deg,#fab04999 47%,#33568899 52%)}@media(prefers-color-scheme:light){header:has(nav a:hover),#footer:has(nav a:hover){animation:light-headerAnimation .3s forwards}}@media(prefers-color-scheme:dark){header:has(nav a:hover),#footer:has(nav a:hover){animation:dark-headerAnimation .3s forwards}}#footer{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2rem;padding:2rem 0}#footer ul{list-style:none;margin:0;padding:0}#footer a{text-decoration:none;color:light-dark(#000000,#FFFFFF)}#footer a:hover{text-decoration:underline}#footer a{word-break:break-all;border-radius:5px;padding:5px;background:linear-gradient(147deg,#fab04999 47%,#33568899 52%);background-color:light-dark(rgb(131.3636363636,163.1818181818,208.6363636364),rgb(37.0909090909,62.5454545455,98.9090909091));font-size:20px}@keyframes light-headerAnimation{0%{background:linear-gradient(147deg,#fab04999 47%,#33568899 52%)}10%{background:#fab049;background:linear-gradient(147deg,#fab04999 47%,#456fa999 52%)}20%{background:#fab049;background:linear-gradient(147deg,#fab04999 50%,#456fa999 57%)}30%{background:#fab049;background:linear-gradient(147deg,#fab04999 55%,#456fa999 62%)}40%{background:#fab049;background:linear-gradient(147deg,#fab04999 62%,#456fa999 70%)}50%{background:#fab049;background:linear-gradient(147deg,#fab04999 70%,#456fa999 77%)}60%{background:#fab049;background:linear-gradient(147deg,#fab04999 75%,#456fa999 82%)}70%{background:#fab049;background:linear-gradient(147deg,#fab04999 82%,#456fa999 87%)}80%{background:#fab049;background:linear-gradient(147deg,#fab04999 86%,#456fa999 92%)}90%{background:#fab049;background:linear-gradient(147deg,#fab04999 93%,#456fa999 97%)}to{background:#fab049;background:linear-gradient(147deg,#fab04999 100%,#456fa999)}}@keyframes dark-headerAnimation{0%{background:linear-gradient(147deg,#fab04999 47%,#33568899 52%)}10%{background:#fab049;background:linear-gradient(147deg,#fab04999 47%,#456fa999 52%)}20%{background:#fab049;background:linear-gradient(147deg,#fab04999 46%,#456fa999 50%)}30%{background:#fab049;background:linear-gradient(147deg,#fab04999 43%,#456fa999 50%)}40%{background:#fab049;background:linear-gradient(147deg,#fab04999 36%,#456fa999 43%)}50%{background:#fab049;background:linear-gradient(147deg,#fab04999 30%,#456fa999 37%)}60%{background:#fab049;background:linear-gradient(147deg,#fab04999 24%,#456fa999 30%)}70%{background:#fab049;background:linear-gradient(147deg,#fab04999 18%,#456fa999 23%)}80%{background:#fab049;background:linear-gradient(147deg,#fab04999 12%,#456fa999 16%)}90%{background:#fab049;background:linear-gradient(147deg,#fab04999 6%,#456fa999 9%)}to{background:#fab049;background:linear-gradient(147deg,#fab04999,#456fa999 0%)}}@keyframes dark-heading-animation{0%{color:#fff0}to{color:#fff}}@keyframes light-heading-animation{0%{color:#e3e3e3}to{color:#000}}@keyframes show-img{0%{opacity:0;transform:translate(350px);width:0px;height:auto}50%{opacity:1;transform:translate(0);width:300px;height:auto}to{opacity:0;transform:translate(-350px);width:0px;height:auto}}@keyframes cat-jump{0%{top:370px;opacity:0}10%{top:365px}20%{top:360px}30%{top:355px}40%{top:350px}50%{top:345px;opacity:1}60%{top:350px}70%{top:355px}80%{top:360px}90%{top:365px}to{top:370px;opacity:0}}@keyframes kickflip{0%{transform:rotateX(0);opacity:0}40%{transform:rotateX(0)}50%{transform:rotateX(360deg);opacity:1}60%{transform:rotateX(360deg)}to{transform:rotateX(360deg);opacity:0}}@keyframes popshuvit{0%{transform:rotateY(0);left:0vw;opacity:0}40%{transform:rotateY(0)}45%{transform:rotateY(120deg);opacity:1}50%{transform:rotateY(240deg);opacity:1}55%{transform:rotateY(360deg);opacity:1}60%{transform:rotateY(360deg)}to{transform:rotateY(360deg);opacity:0}}@keyframes somersault{0%{transform:rotate(0);opacity:0}40%{transform:rotate(0)}45%{transform:rotate(120deg);opacity:1}50%{transform:rotate(240deg);opacity:1}55%{transform:rotate(360deg);opacity:1}60%{transform:rotate(360deg)}to{transform:rotate(360deg);opacity:0}}#nav ul{display:grid;grid-template-columns:2fr 2fr 2fr 2fr 2fr;justify-items:center;text-align:center;list-style:none;margin:0;padding:0;padding:1rem 0}#nav a{font-size:1.3rem;padding:0 4px;text-decoration:none;color:light-dark(#000000,#FFFFFF)}#nav a:hover{text-decoration:underline}#nav a{word-break:break-all;color:light-dark(#000000,#FFFFFF)}#nav a.disabled{cursor:not-allowed;text-decoration:none}@media(max-width:768px){#diagramMain{display:flex;flex-direction:column;align-items:center;text-align:center}#pieContainer{position:relative;align-items:center;width:90%}#barContainer{position:relative;width:100%;height:70vh}}@media(min-width:768px)and (max-width:1200px){#diagramMain{display:flex;flex-direction:column;align-items:center;text-align:center}#pieContainer{display:flex;flex-direction:column;width:65%}#barContainer{position:relative;width:95%;height:70vh}}@media(min-width:1200px){#diagramMain{display:flex;flex-direction:column;align-items:center;text-align:center}#pieContainer{display:flex;flex-direction:column;width:35%;margin-top:5rem}#barContainer{position:relative;width:70%;height:70vh}}@media(max-width:768px){#mainMap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#mapContainer{display:flex;flex-direction:column;width:75%;margin-top:2rem;align-items:center}#map{width:100%;height:30rem;margin-top:2rem}}@media(min-width:768px)and (max-width:1200px){#mainMap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#mapContainer{display:flex;flex-direction:column;width:75%;margin-top:2rem;align-items:center}#map{width:100%;height:30rem;margin-top:2rem}}@media(min-width:1200px){#mainMap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#mapContainer{display:flex;flex-direction:column;width:75%;margin-top:2rem;align-items:center}#map{width:100%;height:30rem;margin-top:2rem}}