#content{z-index:-2;justify-content:center;align-items:center;margin:0;font-family:Rubik,system-ui}#background{perspective:1200px;perspective-origin:50%;background:#595d51;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#background-plane{transform-origin:50%;position:absolute;inset:0;transform:scale(1.6)}#background .background-preview,#background #satellite-photo{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}#satellite-photo{opacity:1;transition:opacity .35s ease-out}#satellite-photo[data-reveal=pending],#satellite-photo[data-reveal=failed]{opacity:0}@media (prefers-reduced-motion:reduce){#satellite-photo{transition:none}}#cloud{flex-flow:column;justify-content:center;align-items:center;transition:transform .2s linear;display:flex;position:absolute;inset:0}#scribble{position:absolute}header{z-index:1;text-align:center;flex-flow:column;align-items:center;display:flex;position:absolute}header h1{margin:0;font-family:subset-Bungee,monospace;font-size:3.7rem}nav{z-index:1;border-top:2px solid #000;flex-flow:row;width:fit-content;padding:.25rem;display:flex}nav a{color:#000;text-decoration:none}.nav-item{flex-flow:column;align-items:center;margin:.5rem 1rem;display:flex;position:relative}.highlight{z-index:-1;clip-path:inset(0 100% 0 0);pointer-events:none;will-change:transform;width:100%;height:1em;transition:clip-path .3s ease-out;position:absolute;bottom:0;left:0;transform:translateY(65%)translate(.75em)scaleX(1.75)scaleY(3)}.nav-item:hover .highlight{clip-path:inset(0)}@media screen and (width>=550px) and (width<=750px){#scribble{width:600px}header h1{font-size:2.75rem}nav a{font-size:1rem}.nav-item{margin:.5rem}}@media screen and (width<=550px){#scribble{display:none}header h1{text-shadow:2px 2px 8px #fff,-2px -2px 8px #fff;font-size:2.25rem}nav{border-top:none;flex-flow:column;justify-content:center;align-items:center;margin-top:1rem}nav a{color:#fff;text-shadow:4px 4px 16px #000,-4px -4px 16px #000,-4px 4px 16px #000,4px -4px 16px #000;font-size:1.5rem}.underline{border-bottom:1px solid #000}.nav-item:hover .underline{border-bottom:1px solid #fff}}