body{margin:0;font-family:-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app-container{min-height:100vh;text-align:center;background-color:#d6d7da}.app-container .city-input{margin:auto}.app-container .weather-container{display:flex;width:80%;margin:auto;background-color:#f6f6f8;border-radius:50px}.app-container .weather-container .right-side{margin:40px 0 0 40px}.current-weather-component{background-color:#fff;border-bottom-left-radius:50px;border-top-left-radius:50px}.current-weather-component .current-weather-icon{padding:15px}.current-weather-component .current-weather-icon svg{display:block;width:270px;max-width:100%;max-height:200px}.current-weather-component .current-date-time{font-size:2rem}.current-weather-component .current-weather-temperature{font-size:4rem}.current-weather-component .current-weather-temperature:after{content:"\00B0"}.current-weather-component .current-weather-details{padding:0 20px 20px}.week-day-container{display:flex;flex-wrap:wrap}.week-day{width:110px;height:140px;padding:10px;text-align:center;border-radius:10px;margin:15px;background-color:#fff}.week-day .weather-icon{width:60px;margin:auto}.week-day .weather-icon svg{width:100%;height:50px}.week-day .max-temperature{font-weight:700}.week-day .max-temperature:after{content:"\00B0"}.wind-component{width:200px;height:150px;padding:10px;text-align:center;border-radius:10px;margin:15px;background-color:#fff}.wind-component .wind-speed{font-size:2rem}.wind-component .wind-direction{margin-top:15px}.wind-component .wind-direction svg{width:20px}.wind-component .wind-component-title span{color:#bfbfbf}.wind-component span{display:block}.weather-highlights-container{display:flex;flex-wrap:wrap}.pressure-component{width:200px;height:150px;padding:10px;text-align:center;border-radius:10px;margin:15px;background-color:#fff}.pressure-component .pressure-value{font-size:2rem;margin-top:20px}.pressure-component .pressure-component-title span{color:#bfbfbf}.pressure-component span{display:block}.sunrise-sunset-component{width:200px;height:150px;padding:10px;text-align:center;border-radius:10px;margin:15px;background-color:#fff}.sunrise-sunset-component .sunrise-sunset-details{display:inline-flex;margin-top:20px}.sunrise-sunset-component .sunrise-sunset-icon svg{width:60px;height:60px}.sunrise-sunset-component .sunrise-sunset-date{margin:auto auto auto 15px}.sunrise-sunset-component .sunrise-sunset-title span{color:#bfbfbf}.sunrise-sunset-component span{display:block}.uv-index-component{width:200px;height:150px;padding:10px;text-align:center;border-radius:10px;margin:15px;background-color:#fff}.uv-index-component .uv-index-value{font-size:2rem;margin-top:20px}.uv-index-component .uv-index-component-title span{color:#bfbfbf}.visibility-component{width:200px;height:150px;padding:10px;text-align:center;border-radius:10px;margin:15px;background-color:#fff}.visibility-component .visibility-component-value{font-size:2rem;margin-top:20px}.visibility-component .visibility-component-title span{color:#bfbfbf}
/*# sourceMappingURL=main.76ac0772.chunk.css.map */