#root,body,html{font:.9rem sans-serif;color:#1e2432;height:100%;margin:0}.main-container{background:linear-gradient(rgba(0,0,255,.3),rgba(0,0,0,.418)),url(https://images.hdqwalls.com/wallpapers/firewatch-minimalism-0u.jpg);background-size:cover;background-position:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.search{outline:none;padding:20px 7%;text-transform:capitalize;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:12px;background:#fff;box-shadow:inset 27px 27px 59px #f7f7f7,inset -27px -27px 59px #fff;border:none;margin-bottom:5%;color:#000;font-size:16px}.city{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 8%;border-radius:22px;background:hsla(0,0%,100%,.6);box-shadow:0 2px 10px hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}p{text-transform:uppercase;letter-spacing:.05em;font-weight:800}.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}@media only screen and (max-width:600px){.search{padding:20px 15%}.city{padding:40px 20%}}
/*# sourceMappingURL=main.cc8abeb7.chunk.css.map */