html{max-height:100svh;min-width:360px;overflow-x:hidden;color:#fff;font-family:system-ui,sans-serif;scroll-behavior:smooth}body{margin:0;padding:0;width:100vw;background-color:#041322;overflow-x:visible;min-width:360px}header{min-width:360px;min-height:100svh;width:100vw;display:flex;position:absolute;overflow:hidden;z-index:-1;top:0}canvas{min-width:360px;height:109svh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99}aside{position:absolute;width:350px;display:flex;flex-direction:column;justify-content:center;bottom:7.5vw;left:8vw;z-index:9999}aside p{line-height:1.2rem}h4{font-size:2.8rem;padding:0;margin:0}aside small{font-size:1.25rem;color:#0ff9f9}footer small{text-align:center;font-size:1rem}.hero{position:relative;width:100%;height:100svh}nav{position:absolute;max-width:90vw;display:flex;justify-content:center;gap:2vw;bottom:5svh;left:50%;translate:-50%;z-index:999}.quote-hero{position:absolute;bottom:58vh;left:8vw;width:25vw;padding-left:1vw;border-left:5px solid #0ff9f9;font-size:clamp(1vw,1.5vw,4vh);font-weight:300;line-height:clamp(1vw,2vw,4vh);quotes:none;z-index:999}.intro{display:none}.quote-about{margin:0 48px;display:none;text-align:center;font-size:1.5rem}main a{display:inline-block;font-size:clamp(24px,6vw,24px)!important;text-align:center;color:#0ff9f9;font-weight:700}header a,.menu-content a{position:relative;display:inline-block;margin:2rem 2rem 0;background-image:linear-gradient(to right,#0ff9f9,#0ff9f9 50%,white 50%);background-position:-100%;background-size:200% 100%;font-size:clamp(28px,6vw,56px);font-weight:700;text-align:center;text-decoration:none;transition:all .3s ease-in-out;-webkit-text-fill-color:transparent;-webkit-background-clip:text;outline:0 solid transparent}.menu-content a{font-size:2rem;margin:0;background-image:linear-gradient(to right,#144569,#144569 50%,black 50%)}header a:before,.menu-content a:before{content:"";background:#0ff9f9;display:block;position:absolute;bottom:-3px;left:0;width:0;height:3px;transition:all .3s ease-in-out}.menu-content a:before{background:#144569;height:2px}header a:not(.skip):hover,main a:not(.skip):hover,.menu-content a:hover{background-position:0}header a:not(.skip):hover:before,main a:not(.skip):hover:before,.menu-content a:hover:before{width:100%}main{display:flex;flex-direction:column;margin-top:calc(95svh + -0px);font-size:1.5rem;padding:0 5vw}main p{min-height:80svh;font-weight:300}main h1{color:#0ff9f9;font-size:clamp(32px,6vw,56px)}.sections{display:flex;flex-direction:column;align-items:center;margin-top:1rem;padding:5rem 14rem;position:relative;border-top:none;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 10%,rgba(255,255,255,.05) 90%,rgba(255,255,255,0) 100%)}section{padding-top:1rem;max-width:900px;width:100%}section p{display:flex;flex-direction:column;gap:2rem}section p span a{font-size:2rem}footer{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:2rem}svg #moon-sun,svg #bird-one,svg #bird-two{display:none}svg #moon-sun:not([cy="-295"]),svg #bird-one:not([cy="-295"]),svg #bird-two:not([cy="-295"]){transition:all .3s ease-in-out}@keyframes move{to{transform:translateZ(1px) rotate(360deg)}}@media (max-width: 800px){.intro{display:initial}aside small{margin-bottom:32px}aside p{display:none}main{padding:0 5vw}header a{margin:1rem .5rem 0}.sections{padding:0 5vw}}@media (max-width: 700px){.quote-hero{display:none}.quote-about{display:initial}.menu-content{width:80vw}}@media (max-height: 638px){nav{gap:1vw}aside p{display:none}}@media (max-width: 455px){canvas{left:45%;top:30%}nav{gap:.5vw}aside{bottom:12svh;align-items:center;text-align:center;width:100%;margin:0;padding:0;left:0}header a{margin:1rem .5rem 0}main{padding:0}.sections{padding:0 1rem;background-image:none}}.menu{position:fixed;top:32px;right:32px;border-radius:2px;display:flex;flex-direction:column;align-items:end;z-index:999}.menu button{border:none;width:44px;height:44px;background:none;color:#fff;font-size:2.5rem;font-weight:900;cursor:pointer;padding:0;margin:0;display:flex;justify-content:center;align-items:center;line-height:0}.menu-content{border-radius:6px;flex-direction:column;justify-content:center;align-items:center;top:12px;padding:2rem;background-color:#fff;color:#041322;position:relative;min-width:240px;max-width:calc(100vw - 120px)}.menu-content:after{content:"";display:inline-block;position:absolute;width:0;height:0;vertical-align:middle;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;right:14px;top:-6px}.menu-content ul{list-style-type:none;padding:0;overflow:hidden}.menu-content li{margin:16px;padding:0;text-align:center}.menu button[aria-expanded=false]+.menu-content{display:none;height:25px;animation:out .1s forwards}.menu button[aria-expanded=true]+.menu-content{display:flex;height:250px;animation:in .1s forwards}.menu[aria-hidden=true]{display:none}.skip{position:absolute;top:-9999px;left:50%;transform:translate(-50%);z-index:999;padding:1em;opacity:0;font-size:2rem}.skip:focus{top:.5em;opacity:1}button:focus-visible,a:focus-visible{outline:4px solid #0ff9f9;outline-offset:4px;border-radius:2px}@keyframes in{0%{height:25px;display:none;opacity:0}to{height:250px;display:flex;opacity:1}}@keyframes out{0%{height:250px;display:flex;opacity:1}to{height:25px;display:none;opacity:0}}@keyframes rainFallLight{0%,to{opacity:0}15%{opacity:.15}50%{opacity:.2}85%{opacity:.15}}@keyframes rainFallMedium{0%,to{opacity:0}15%{opacity:.25}50%{opacity:.3}85%{opacity:.25}}@keyframes rainFallHeavy{0%,to{opacity:0}15%{opacity:.35}50%{opacity:.45}85%{opacity:.35}}svg path[fill^="url(#rain-"]{animation:rainFallMedium 4.5s ease-in-out infinite;opacity:0;transform-origin:center;stroke-width:0}svg path[fill^="url(#rain-"]:nth-child(2n){animation-name:rainFallLight;animation-duration:3.8s;animation-delay:.3s;transform:scale(.7)}svg path[fill^="url(#rain-"]:nth-child(3n){animation-name:rainFallHeavy;animation-duration:5.5s;animation-delay:.7s;transform:scale(1.3);stroke:url(#rain-cyan);stroke-width:1.5}svg path[fill^="url(#rain-"]:nth-child(4n){animation-name:rainFallMedium;animation-duration:4.1s;animation-delay:1.1s;transform:scale(.9)}svg path[fill^="url(#rain-"]:nth-child(5n){animation-name:rainFallLight;animation-duration:6.2s;animation-delay:1.5s;transform:scale(.6)}svg path[fill^="url(#rain-"]:nth-child(6n){animation-name:rainFallHeavy;animation-duration:3.5s;animation-delay:1.9s;transform:scale(1.5);stroke:url(#rain-white);stroke-width:2}svg path[fill^="url(#rain-"]:nth-child(7n){animation-name:rainFallMedium;animation-duration:5.8s;animation-delay:2.3s;transform:scale(1.1);stroke:url(#rain-lightblue);stroke-width:1}svg path[fill^="url(#rain-"]:nth-child(8n){animation-name:rainFallLight;animation-duration:4.3s;animation-delay:2.7s;transform:scale(.8)}svg path[fill^="url(#rain-"]:nth-child(9n){animation-name:rainFallHeavy;animation-duration:3.2s;animation-delay:.5s;transform:scale(1.4);stroke:url(#rain-cyan);stroke-width:1.5}svg path[fill^="url(#rain-"]:nth-child(11n){animation-name:rainFallMedium;animation-duration:6.5s;animation-delay:1.3s;transform:scale(.75)}svg path[fill^="url(#rain-"]:nth-child(13n){animation-name:rainFallLight;animation-duration:5.1s;animation-delay:2.1s;transform:scale(1.2);stroke:url(#rain-white);stroke-width:1.2}svg path[fill^="url(#rain-"]{display:none;animation:rainFallMedium 4.5s ease-in-out infinite;opacity:0;transform-origin:center;stroke-width:0}.rainy [fill^="url(#rain"]{display:initial}.rainy header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,#262943 1%,#262943 10%,#ffffff00 100%,#ffffff00 100%);opacity:.8}.rainy #moon-sun,.rainy #bird-one{filter:opacity(.15)}.rainy #bird-two{display:none!important}@media (prefers-reduced-motion: reduce){svg path[fill^="url(#rain-"]{animation:none!important;opacity:.2!important}}
