@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:linear-gradient(to right,#00b4db,#008300);color:#333;line-height:1,6}.container{max-width:1000px;padding:20px;margin:0 auto;text-align:center}h1{font-size:3rem;color:#fff}input{padding:10px;border-radius:20px 0 0 20px;border:2px solid #000000;outline:none;width:60%;max-width:300px;margin-top:30px}button{background-color:#ff9800;border:2px solid #000000;padding:10px;border-radius:0 20px 20px 0;cursor:pointer;color:#fff;font-weight:700}button:hover{background-color:#cf7d02}.weather-container{background-color:#fffc;border-radius:10px;padding:20px;margin:20px 0}h2{font-size:2rem}.weather-info{display:flex;align-items:center;justify-content:center}img{width:100px}.temperatura{font-weight:700;font-size:2.5rem}.descricao{text-transform:capitalize;font-size:1.3rem;margin-bottom:10px}.detalhes{display:flex;justify-content:space-evenly}.forecast-container{margin-top:20px;background:#d9f3f7;padding:20px;border-radius:10px;text-align:center}.forecast-cards{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:15px}.forecast-card{background:#969696;padding:12px;border-radius:12px;width:120px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease-in-out}.forecast-card:hover{transform:scale(1.05)}.forecast-card .day{font-weight:700;margin-bottom:5px}.forecast-card img{width:50px;height:50px}.forecast-card .description{font-size:.9em;color:#444;margin:5px 0}.forecast-card .temp{font-size:.85em;font-weight:700}