#root,body,html{font:.9rem sans-serif;background:#0a1f44;color:#1e2432;height:100%;margin:0}.main-container{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.418)),url(../../static/media/bg.80e19d92.jpg);background-size:cover;background-position:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.search{font-size:1.5rem;outline:none;padding:20px;border-radius:20px;border:none;margin-bottom:5%;text-align:left}.city,.search{background:hsla(0,0%,98%,.85);width:450px;max-width:90%;box-sizing:border-box}.city{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;border-radius:20px;box-shadow:10px 10px 5px 0 rgba(15,15,15,.404)}p{text-transform:uppercase;letter-spacing:.05em}.city-temp,p{margin-top:10px}.city-temp{font-size:5rem;font-weight:700;color:#1e2432;text-align:center}.city sup{font-size:.5em}.city-name{font-size:2em}.city-name sup{padding:.2em .6em;margin-left:.2em;border-radius:30px;color:#fff;background:#ff8c00}.city-icon{margin-top:10px;width:100px;height:100px}.info{display:flex;flex-direction:column;align-items:center}.error-message{background:rgba(220,50,50,.85);color:#fff;padding:15px 30px;border-radius:15px;margin-bottom:5%;font-size:1.1rem;text-align:center;box-shadow:5px 5px 10px rgba(0,0,0,.3)}.forecast{width:100%;margin-top:20px;border-top:1px solid rgba(0,0,0,.1);padding-top:20px}.forecast-title{margin:0 0 15px;font-size:1.2rem;color:#1e2432;text-align:center}.forecast-container{display:flex;justify-content:space-between;grid-gap:5px;gap:5px;width:100%}.forecast-day{display:flex;flex-direction:column;align-items:center;flex:1 1}.forecast-day-name{margin:0 0 5px;font-size:.9rem;font-weight:700}.forecast-icon{width:50px;height:50px}.forecast-temp{margin:5px 0 0;font-size:1rem;font-weight:700}@media only screen and (max-width:600px){.search{padding:20px 15px;width:90%}.city{padding:30px 20px;width:90%}.forecast-container{grid-gap:3px;gap:3px}.forecast-icon{width:40px;height:40px}.forecast-day-name{font-size:.8rem}.forecast-temp{font-size:.9rem}}
/*# sourceMappingURL=main.02b79eec.chunk.css.map */