:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#015f4a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 auto;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{margin:0;text-align:center}h1{max-width:100vw}header{width:100vw;max-width:100vw}.navbar{display:flex;flex-direction:row;justify-content:space-between;padding:0 5vw;height:7rem;max-width:100vw;font-size:1.5em;background-color:#092516;align-items:center}.navbar nav{display:flex;gap:20px}.header-image svg{width:clamp(7rem,10rem + 2vw,20vw);height:auto;display:block}.navbar a{margin:0 0 0 auto;color:#2c955b}.navbar a:hover{color:#74eeab}.navbar a:active{color:#23dff0}.img{width:100vw;text-align:left}.img1{width:clamp(15rem,10rem + 25vw,40rem);border-radius:40px;margin-left:5%;border:4px solid purple}#searchBar input{width:clamp(3rem,1rem + 10vw,20rem);height:clamp(2rem,.3rem + 2vh,4rem);padding:0 1rem;font-size:clamp(1rem,2.5vh,3rem);border-radius:15px}#searchBar .type-button button{width:clamp(2rem,1rem + 10vw,40rem);height:clamp(2rem,.3rem + 1vh,3rem)}#video{width:100%;max-width:900px;aspect-ratio:16/9;background-color:#000;border-radius:8px;overflow:hidden}