@keyframes ul-small{from, 80%{height:6em}to{height:4em}}@keyframes li-small{from, 80%{font-size:1.3em}to{font-size:1em}}@keyframes home-small{from, 80%{font-size:1.4em}to{font-size:1.1em}}#header-space{height:8em}nav{width:100vw;background-color:#1bcb6e;position:fixed;margin:0;z-index:100;display:flex;justify-content:center;align-items:flex-start;box-shadow:0 0 0.8rem rgba(12,90,49,0.3)}nav #menu-button{pointer-events:all;margin:2em 2em 0 0;position:absolute;opacity:0;cursor:pointer;pointer-events:none;visibility:hidden}@media (orientation: portrait){nav #menu-button{visibility:visible}}@media (orientation: portrait) and (min-width: 50rem){nav #menu-button{margin:7em 2em 0 0}}nav #menu-button:checked ~ ul{max-height:100vh}@media (orientation: portrait){nav #menu-button:checked ~ ul{background-color:#1BCB6E;margin-top:-4.4em}}nav label{line-height:4em;position:absolute;margin-left:85vw;left:0;visibility:hidden}@media (orientation: portrait){nav label{visibility:visible}}@media (orientation: portrait) and (min-width: 50rem){nav label{margin-top:1em;margin-right:-1em}}nav label:before{content:"≡";font-family:"Montserrat";font-weight:600;font-size:2em;cursor:pointer;color:white;text-shadow:0 0 0.6em #128749}@media (orientation: portrait) and (min-width: 50rem){nav label:before{font-size:4.2em}}nav ul{display:flex;margin:0;padding:0;flex-direction:row;justify-content:center;align-items:center;overflow-y:hidden;height:4em;overflow-x:hidden}@media (orientation: landscape) and (min-width: 50rem){nav ul{animation:ul-small 1s;transition:height .2s}nav ul:hover,nav ul:active{height:6em}nav ul:hover li,nav ul:active li{font-size:1.3em}nav ul:hover li:first-of-type,nav ul:active li:first-of-type{font-size:1.4em}}@media (orientation: portrait){nav ul{flex-direction:column;align-items:center;height:auto;justify-content:flex-start;max-height:4em;transition:0.3s;width:100vw}}@media (orientation: portrait) and (min-width: 50rem){nav ul{font-size:1.6em}}nav ul li{list-style-type:none;color:white;margin:0;font-family:"Montserrat", sans-serif;font-weight:500;font-size:1em;text-shadow:0 0 .4em #128749;transition:font-size .2s}@media (orientation: landscape) and (min-width: 50rem){nav ul li{animation:li-small 1s}}@media (orientation: portrait){nav ul li{padding:0.4em 0}}@media (orientation: landscape){nav ul li:hover a .nav-image,nav ul li:active a .nav-image{transform:rotate(-10deg)}}nav ul li:first-of-type{font-weight:bold;font-family:"Quicksand", sans-serif;font-size:1.1em;visibility:visible;width:auto}nav ul li:first-of-type #menu-button,nav ul li:first-of-type #menu-left-pad{visibility:hidden;width:0;margin:0}@media (orientation: landscape) and (min-width: 50rem){nav ul li:first-of-type{animation:home-small 1s}}nav ul li:first-of-type a p{flex-shrink:0}@media (orientation: portrait){nav ul li:first-of-type{margin-bottom:0}}nav ul li a{padding:0 1.2vw;text-decoration:none;color:inherit;display:flex;align-items:center;transition:background-color .2s}@media (orientation: landscape){nav ul li a{padding:50% 1.2vw}nav ul li a:hover{background-color:#24995b}}nav ul li a .nav-image{margin-right:0.5em;height:2.8em;transition:transform .2s;background-size:contain;width:2.8em;background-repeat:no-repeat}@media (orientation: portrait) and (min-width: 50rem){nav ul li a .nav-image{height:2.3em}}nav ul li a .nav-image#nav-logo{background-image:url(/helloo-rewrite/assets/earth.png);filter:drop-shadow(0 0 .2em #128749)}body{margin:0}