@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);*{box-sizing:border-box;padding:0;margin:0}#root,body{font-family:"Roboto",sans-serif;background:url(/static/media/background.1cd2c3f0.jpg);background-size:cover;background-repeat:no-repeat;background-position:0 0;display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.search{border:none;border-radius:20px;padding:10px 40px;outline:none}.main-container .weather{display:flex;justify-content:space-between;align-items:center;flex-direction:column;background:hsla(0,0%,100%,.7);border-radius:15px;margin:20px 0;padding:30px 0;line-height:20px;box-shadow:2px 2px 4px 3px rgba(26,25,25,.4)}.weather .city-name{font-weight:700;font-size:1.4em;margin-bottom:10px}.weather .city-name sup{font-size:.6em;background:#e2be1b;padding:1px 4px;color:#fff;border-radius:8px;margin-left:3px}.weather .city-temp{font-size:2.5em;font-weight:bolder;padding:5px 0;margin:5px 0}.weather .city-temp sup{font-size:.6em}.weather .info{text-align:center;text-transform:uppercase;font-size:.8em}@media only screen and (max-width:600px){.search{padding:20px 15%}.city{padding:40px 20%}}
/*# sourceMappingURL=main.ec5ad0dc.chunk.css.map */