#root,body,html{text-align:center;font:.9rem sans-serif;color:hsla(0,0%,100%,.7725490196078432);height:100%;margin:0}#root,.main-container,body,html{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.418)),url(https://cdn.pixabay.com/photo/2016/11/23/13/48/beach-1852945_1280.jpg)}.main-container{background-size:cover;background-position:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.search{text-align:center;color:#fff;outline:none;padding:20px 7%;border-radius:20px;border:none;margin-bottom:5%}.city,.search{background:rgba(212,219,255,.699)}.city{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 8%;border-radius:20px}p{text-transform:uppercase;letter-spacing:.05em}.city-temp,p{margin-top:10px}.city-temp{font-size:5rem;font-weight:700;color:#fff;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:#fffbfb;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.4a7ea70a.chunk.css.map */