@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background:linear-gradient(to right,#00b4db,#0083b0);color:#333;line-height:1.6}.container{max-width:1000px;padding:20px;margin:0 auto;text-align:center}h1{font-size:2rem;color:#fff}input{margin-top:30px;padding:10px;border-radius:15px 0 0 15px;border:none;width:60%;max-width:300px}button{background-color:#ff9800;border:0;padding:10px;border-radius:0 15px 15px 0;cursor:pointer;color:#fff}button:hover{background-color:#f57c00}.weather-container{background-color:#fffc;border-radius:10px;padding:20px;margin:20px 0}.weather-container h1{color:#00b4db}.weather-info{display:flex;align-items:center;justify-content:center}.weather-info h3{font-weight:700;font-size:2rem}.weather-info img{width:70px}.description{text-transform:capitalize;font-size:1.3rem;margin-bottom:30px}.details{display:flex;justify-content:space-between}.weather-container{background-color:#fffc;border-radius:10px}.weather-container h3{font-size:1.5rem;margin-bottom:25px}.weather-list{display:flex;justify-content:space-between;gap:15px}.weather-item{text-align:center;background-color:#ffffffb3;border-radius:10px;padding:10px;flex-wrap:wrap;gap:10px}.forecast-day{text-transform:capitalize;font-size:1.1rem;font-weight:700}