.day-theme{background-color:#caf0f8;color:#000}body{font-family:Roboto,sans-serif}a{color:#3192bf}.weather-app{background:#fff;border-radius:16px;box-shadow:0 30px 50px #41326c14;margin:45px auto;max-width:600px;padding:30px}.weather-app-city{font-size:55px;line-height:48px;margin:0}.weather-app-details{color:#27214266;font-size:20px;font-weight:500;line-height:24px}.weather-app-details strong{color:#fb5607}.weather-app-icon{height:88px;width:80px}.weather-app-temperature-container{display:flex}.weather-app-temperature{display:inline-block;font-size:75px;font-weight:700;line-height:88px}.weather-app-unit{display:inline-block;font-size:30px;margin-left:10px;margin-top:6px}.weather-forecast{color:grey;display:flex;justify-content:space-around;margin-top:30px}.weather-forecast-date{font-size:17px;line-height:20px;margin-bottom:10px;opacity:.6;text-align:center}.weather-forecast-icon{display:block;height:52px;margin:0 auto;width:52px}.weather-forecast-temperatures{color:#fb5607;display:flex;font-size:17px;justify-content:center;margin-top:10px;text-align:center}.weather-forecast-temperature{padding:0 10px}header{border-bottom:1px solid #caf0f8;padding:0 0 30px}.search-form-input{background-color:#d3f3f9;border:none;border-radius:6px;font-size:17px;padding:15px 20px;width:80%}.search-form-button{background:linear-gradient(270deg,#06f 0,#9cf);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-left:5px;padding:15px 30px}.search-form-button:hover{opacity:.9}main{padding:30px 0}.weather-app-data{display:flex;justify-content:space-between}.celsius-temp,.fahrenheit-temp{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit;padding:0;text-decoration:none}.celsius-temp:hover,.fahrenheit-temp:hover{text-decoration:underline}.celsius-temp.active,.fahrenheit-temp.active{font-weight:700}.night-theme{background-color:navy;color:#f5f5f5}.night-theme .weather-app{background:#3e1ac0;border-radius:16px;box-shadow:0 30px 50px #41326c14;margin:45px auto;max-width:600px;padding:30px}.night-theme .search-form-button{background:linear-gradient(90deg,#99f 30%,#009)}.night-theme .search-form-input{background-color:#00008b;color:#f5f5f5}.night-theme .weather-app-data,.night-theme .weather-app-details,.night-theme .weather-forecast,.night-theme .weather-forecast-date,.night-theme .weather-forecast-temperatures,.night-theme footer{color:#f5f5f5}footer{border-top:1px solid #caf0f8;color:#0009;font-size:14px;padding:30px 0 0}.App,footer{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.871b525c.css.map*/