body{background-color:#e0f7fa;font-family:Helvetica Neue,sans-serif;margin:0;padding:0}main{background-color:#b2ebf2;border-radius:10px;color:#004d4d;font-size:20px;margin-bottom:30px;padding:30px 20px}.App-header{color:#006064;font-size:48px;font-weight:300;margin-bottom:0;padding:30px 10px;text-align:center}footer{background-color:#f0f0f0;border-top:1px solid #ccc;color:#333;font-size:16px;margin-top:30px;padding:20px;text-align:center}a{color:#6a1b9a;font-weight:500;text-decoration:none}a:hover{text-decoration:underline}.container{margin:0 auto;max-width:700px;padding:20px}.city-search{margin:20px auto;text-align:center}.search-input{background:#f9f7fe;border:none;border-radius:6px;color:#27214266;font-size:16px;height:50px;margin-right:10px;max-width:300px;padding:15px 20px;width:60%}.search-input::placeholder{color:#27214266;line-height:20px}.btn{background:#006064;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:50px;padding:15px 20px}.weather-results{background:#e0f7fa;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#004d4d;font-size:18px;margin-top:30px;padding:20px;text-align:center}.weather-results ul{list-style:none;margin:10px 0 20px;padding:0}.weather-results img.weather-icon{height:64px;margin:10px 0;width:64px}.weather-results .weather-temp{display:block;font-size:50px;font-weight:300;margin:10px 0}.weather-results .weather-details{font-size:28px;list-style:circle;margin:10px 0;padding:0;text-transform:capitalize}.weather-results{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left}.weather-temperature{font-size:36px;font-weight:300}.weather-results img.weather-icon{height:150px;margin:0;width:150px}.weather-temperature .temp-unit{font-size:16px;margin-left:10px}.weather-temperature a{color:#006064;text-decoration:none}.weather-temperature a:hover{text-decoration:underline}.weather-main{align-items:center;display:flex;gap:15px}.weather-details{list-style:none;margin:0;padding:0}@media (max-width:480px){.weather-results .weather-details{list-style:none}}.weather-forecast{background:#e0f7fa;border-radius:8px;color:#006064;display:flex;justify-content:space-between;margin-top:20px;padding:20px;text-align:center}.forecast-icon img{display:block;height:auto;margin:0 auto;max-width:80px;width:100%}.forecast-temps{display:flex;gap:5px;justify-content:center}.forecast-temp-max,.forecast-temp-min{color:#006064;font-size:1rem;opacity:.6}@media (max-width:768px){.forecast-card{flex:1 1 45%}}@media (max-width:480px){.forecast-card{flex:1 1 100%}}
/*# sourceMappingURL=main.c574507d.css.map*/