:root{--background-color:#1f1f2d;--primary:#59747b;--accent:#5d5e76;--secondary-accent:#333f4c}html{font-size:clamp(12px,2.5vw,18px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);background-image:url(9ec1c0e79db2c9606aa7.webp);background-repeat:no-repeat;background-size:cover;color:#fff;height:100vh}body,header{align-items:center;display:flex;flex-direction:column;justify-content:center}header{padding:.5rem;width:100vw}form{display:flex;flex-direction:row;gap:.5rem;justify-content:center;padding:.6rem;width:100%}form input{border:3px solid var(--background-color);border-radius:12px;padding:.5rem}form button{background-color:var(--background-color);border:1px solid #fff;border-radius:15px;color:#fff;padding:0 1.2rem}form input[type=radio]{accent-color:var(--primary)}.search-container{border-radius:10px;flex-direction:row;gap:.2rem;outline:1px solid #fff}.radio-container,.search-container{display:flex;justify-content:center;padding:1rem}.radio-container{align-items:center;border:1px solid #fff;border-radius:12px;gap:1rem}main{flex:1;width:100%}.weather-container,main{align-items:center;display:flex;flex-direction:column;justify-content:center}.weather-container{background-color:#333f4c6e;border-radius:12px;gap:.5rem;padding:2rem;text-align:center;width:min(90%,600px)}.weather-container>p{font-size:2rem}#city-label,#temp-label{font-size:3rem}.info-container{display:flex;flex-direction:row;width:100%}.info-container>div{display:flex;flex:1;flex-direction:column}.info-container>p{font-size:1.5rem}footer{display:flex;justify-content:end;padding:1rem;width:100%}a{color:#fff;font-size:1.5rem;text-decoration:none}