body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background-color:#222;background-image:url(https://source.unsplash.com/1600x900?nature);background-repeat:no-repeat;background-size:cover;display:flex;font-family:Open Sans,sans-serif;height:100vh;justify-content:center;margin:0;overflow:hidden}.wrapper{background-color:#000000d5;border-radius:30px;color:#fff;margin:1em auto;max-width:420px;padding:2em;width:100%}.search{align-items:center;display:flex;justify-content:center}.select{background:#7c7c7c8b;border:none;border-radius:5px;color:#fff;font-family:inherit;font-size:100%;height:2.5em;margin:.5em;outline:none;padding:.5em;width:100%}.select:hover{background:#fff;color:#000}.btn{background:#7c7c7c8b;border:none;border-radius:5px;color:#fff;font-family:inherit;font-size:100%;height:2.5em;margin:.5em;outline:none;padding:.5em;width:100%}.city{text-align:center}h1.temp{display:flex;font-size:1.5em;justify-content:center;margin-bottom:.4em}.desc{align-items:center;display:flex}.temp .min{margin-left:7px;opacity:.5}.weather .date{background:#7c7c7c8b;border-radius:50px;display:flex;font-size:1em;justify-content:center;padding:.4em}.weather-item{display:flex;justify-content:space-between}.description{text-transform:capitalize}.btn:hover{background:#fff;color:#000}.card{border-radius:30px;display:flex;overflow-x:auto;width:100%}.card .weather{border:1px solid #eee;border-radius:25px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:0 .3em 1em;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:1.2em}.weather.loading{max-height:20px;position:relative;visibility:hidden}.weather.loading:after{color:#fff;content:"Loading...";left:20px;position:absolute;top:0;visibility:visible}@media (max-width:520px){.wrapper{max-width:300px}.btn{margin:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.select{margin:0 .5em 0 0;width:60%}}
/*# sourceMappingURL=main.ff202daa.css.map*/