: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}*{box-sizing:border-box}#root{width:100%;max-width:100%;margin:0;text-align:center}h1{max-width:100%}header{width:100%;max-width:100%;overflow:hidden}.navbar{display:flex;flex-direction:row;justify-content:space-between;padding:0 5vw;height:7rem;max-width:100%;font-size:1.5em;background-color:#092516;align-items:center;overflow:hidden}.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(10rem,1rem + 15vw,40rem);height:clamp(2rem,.3rem + 2vh,4rem);margin:1rem 0;padding:0 1rem;font-size:clamp(1rem,2.5vh,3rem);border-radius:15px}#searchBar .type-button button{width:clamp(5rem,1rem + 10vw,30rem);height:clamp(2rem,.3rem + 1vh,3rem);margin-bottom:1rem}#search-button{margin-bottom:1rem}.cards{margin:0 5rem 1rem;padding:2rem;font-size:16px;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;max-width:100%;gap:2rem;justify-content:center;background-color:#102b1d;border-radius:35px;border:10px solid rgb(122,122,122)}.card{list-style-type:none}#video{width:clamp(250px,150px + 50vw,1200px);max-width:1200px;aspect-ratio:16/9;background-color:#000;border-radius:8px;margin:0;padding:0}