: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}canvas{max-width:100%;height:auto;background-color:#fff}