@keyframes typewriter{0%{width:0}100%{width:50%}}nav{background-color:rgba(0,0,0,0.2);background:linear-gradient(180deg, rgba(0,0,0,0.4) 0%, transparent 100%);box-shadow:none}nav label::before{text-shadow:0 0 0.7em black}@media (orientation: portrait){nav{background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, transparent 90%)}nav ul li:first-child{visibility:hidden}}@media (orientation: landscape){nav ul li{text-shadow:0 0 0.4em rgba(0,0,0,0.7)}}nav ul li a .nav-image#nav-logo{background-image:url(/helloo-rewrite/assets/earth-fill.png);filter:drop-shadow(0 0 0.2em rgba(0,0,0,0.7))}@media (orientation: landscape){nav ul li a:hover{background-color:rgba(0,0,0,0.2)}}.content{font-size:1.5em}.content h1{font-size:2.5em}.scribbly{position:relative}.scribbly .scribble{position:absolute}#title .content img{height:16vw;width:16vw;margin-right:2vw;box-shadow:0 0 1vw rgba(0,0,0,0.3);border-radius:50%;transition:transform 0.2s;user-select:none}#title .content img:hover{transform:rotate(-10deg)}@media (orientation: portrait){#title .content img{height:18vh;width:18vh;margin:0 0 5vh 0}#title .content img:hover{transform:none}}#title .content div{display:flex;flex-direction:column;text-shadow:0 0 1vw rgba(0,0,0,0.3)}@media (orientation: portrait){#title .content div{align-items:center;width:80%;text-align:center}}#title .content div h1{font-family:"Quicksand";width:50%;font-size:8vw;line-height:8vw;margin:0}@media (orientation: portrait){#title .content div h1{width:auto;font-size:18vw;line-height:18vw}}#title .content div h2{font-weight:400;font-size:2.2vw;margin-bottom:0;width:0;margin-top:1vw;animation:1s steps(24) typewriter 2s both;overflow:hidden;white-space:nowrap}@media (orientation: portrait){#title .content div h2{font-size:revert;animation:none;width:auto;white-space:normal}}#message{background-color:tomato}#message .content img{width:16vw}@media (orientation: portrait){#message .content img{width:auto;height:25vh}}#discover{background-color:white;padding-top:5vh}#discover #bubble{width:25vw}@media (orientation: portrait){#discover #bubble{width:auto;height:18vh}}#discover #bubble-scribble{width:15vw;top:43%;left:60%}@media (orientation: portrait){#discover #bubble-scribble{width:auto;height:18vh}}#last{z-index:-1;text-shadow:0 0 1vw rgba(0,0,0,0.4)}#last #what-we-do-scribble{top:0;margin-top:-6.8em;height:20em;z-index:-1}#last #bg-box{background-color:rgba(82,115,157,0.8);padding:1em;text-shadow:0 0 0.6vw rgba(0,0,0,0.8)}