@font-face{font-family:Honk;src:url(../assets/Honk-Regular.Bx7_HJMA.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Noto_Color_Emoji;src:url(../assets/fonts/Noto_Color_Emoji/NotoColorEmoji-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--background-color: #f4f4f4;--text-color: #333;--link-color: antiquewhite;--header-footer-bg: #333;--main-bg-gradient-start: #2a5298;--main-bg-gradient-end: #5ec6cc;--accent-color: antiquewhite}html{box-sizing:border-box;height:100%;margin:0;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;cursor:default;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}*,*:before,*:after{box-sizing:inherit}:target{scroll-margin-block:5ex}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0;font-family:Honk,Franklin Gothic Medium,Arial,Helvetica,sans-serif;display:block;text-align:center;background:linear-gradient(to right,#2a5298,#5ec6cc);color:#333;text-shadow:3px 3px 5px rgba(179,149,149,.6);font-weight:700;font-size:large}h1,h2,h3,h4,h5,h6,button,input,label{line-height:1.1}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}a:hover,a:focus{color:#007bff;text-decoration:underline;outline:none}img,picture{max-width:100%;display:inline-block;justify-content:center}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:before,:after{text-decoration:inherit;vertical-align:inherit}nav.nav-menu{margin-top:10px;text-align:left;padding:0 20px}nav.nav-menu ul{padding:0;list-style-type:none;display:flex;justify-content:flex-start;flex-wrap:nowrap;gap:20px}nav.nav-menu ul li{font-family:Honk,sans-serif;font-size:1em;display:flex;flex-wrap:nowrap}.nav-menu.active ul{display:inline-flex}.nav-menu ul li a{color:#faebd7;text-decoration:none;font-weight:700;display:flex;transition:all .3s ease}.nav-menu ul li a:hover{color:#5ec6cc;transform:translate(5px)}#menu-toggle{background:linear-gradient(to right,#2a5298,#5ec6cc);color:#faebd7;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}#menu-toggle:hover{background:linear-gradient(to right,#5ec6cc,#2a5298);transform:scale(1.05)}@media (min-width: 768px){.nav-menu ul{display:flex;position:static;background:none}#menu-toggle{display:none}}audio,iframe,img,svg,video{vertical-align:middle}svg:not([fill]){fill:currentColor}table{border-collapse:collapse}textarea{resize:vertical}a,area,button,input,label,select,summary,textarea,[tabindex]{touch-action:manipulation}:-ms-input-placeholder{color:#0000008a}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}iframe,img,input,select,textarea{height:auto;max-width:100%}h1,title{font-family:Honk,sans-serif;font-size:2.5em;font-weight:400;text-shadow:3px 3px 5px rgba(0,0,0,.6);margin-bottom:20px;text-align:center;color:#faebd7}h1,p{text-align:center;color:#faebd7}main{background:linear-gradient(to right,#2a5298,#5ec6cc);padding:20px;flex:1}::marker{color:#333;visibility:hidden}#back-home{font-size:1.25em;text-align:left}#project-home{font-size:1.25em;text-align:right}header,footer{background:linear-gradient(to bottom,#000,#0000);color:#faebd7;padding:1rem;border-radius:15px}footer{background:linear-gradient(to top,#000,#0000)}header a,footer a{color:#fff;text-decoration:underline}header nav a:hover{color:#fff;background-color:#00f;text-decoration:underline}header nav.nav-menu ul li a{display:flex;text-align:left}section{margin:20px 0;padding:20px;background-color:transparent;border-radius:8px}section h2{color:#333;font-size:1.5em}#page-container{display:flex;flex-direction:column;min-height:100%}#cube-container,#earth-container,#three-container{max-width:100%;height:600px;margin:5px;padding:20px}@media (max-width: 768px){body{padding:15px}section{margin:10px 0}#cube-container,#earth-container,#three-container{height:600px}}canvas{display:block;position:relative;width:100%;max-width:1000px;height:auto;max-height:600px;margin:5px auto;padding:20px;border-radius:15px;box-shadow:0 4px 8px #0000001a;@media (max-width: 975px){max-height:600px;max-width:800px}@media (max-width: 768px){max-height:450px;max-width:600px}@media (max-width: 675px){max-height:300px;max-width:400px}@media (max-width: 612px){max-height:262.5px;max-width:350px}@media (max-width: 512px){max-height:279.4921875px;max-width:300px}@media (max-width: 412px){max-height:186.328125px;max-width:200px}}.index-page #earth-container{position:relative;@media (max-width: 768px){max-height:600px;max-width:600px}@media (max-width: 612px){max-height:400px;max-width:400px}@media (max-width: 512px){max-height:279.4921875px;max-width:300px}@media (max-width: 412px){max-height:186.328125px;max-width:200px}}.earth-page #earth-container{position:inherit}.index-page #cube-container{position:inherit;@media (max-width: 768px){max-height:400px;max-width:600px}@media (max-width: 600px){max-height:200px;max-width:300px}}div#back-home,div#project-home{text-align:center}img.static-logo{transform:rotate3d(1,2,1,30deg)}img.static-logo:hover{animation:bounce 2s infinite}header img.static-logo{margin-bottom:10px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}to{transform:translateY(0)}}header{display:flex;flex-direction:column;width:100%}.logo{display:flex;justify-content:center;width:100%;margin-bottom:1rem}#nav-menu{width:100%;padding-left:2rem}#nav-menu ul{display:flex;justify-content:flex-start;margin:0;padding:0;list-style:none}.projects-page header{display:flex;flex-direction:column;align-items:center;padding:1rem}.projects-page #nav-menu{width:100%}.projects-page #nav-menu ul{display:flex;justify-content:flex-start;padding:0;margin:0;list-style:none}.projects-page #nav-menu ul li{margin-right:2rem}.projects-page #nav-menu ul li a{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .3s ease}