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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{background-color:#f7f7f7;background:url(/static/media/bg2.f226cb2eb02070af66a0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:120vh}.app-name{color:#fffc;font-size:2.3rem;margin-bottom:16px}.App{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#fff3;border:1px solid #ffffff80;border-radius:30px;box-shadow:3px 3px 10px #818181;display:flex;flex-direction:column;justify-content:center;margin:40px auto;min-height:50px;padding-bottom:32px;text-align:center;width:450px}.search-bar{border:1px solid #ffffff80;border-radius:20px;box-shadow:3px 3px 8px #818181;box-sizing:border-box;display:flex;font-size:20px;font-weight:500;width:80%}.city-search{background:#0000;background-position:10px 12px;background-repeat:no-repeat;border:none;color:#000;font-size:20px;font-weight:600;margin-left:5px;max-width:400px;outline:none;text-transform:uppercase;transition:width .4s ease-in-out;width:70%}.city-search::placeholder{color:#00000080;font-weight:500}.search-bar i{color:#fff;font-size:30px;height:40px;margin-left:10px;margin-top:10px;width:40px}.search-bar button{background:#0000;border:none;color:#fff;font-size:30px;left:0;outline:none}.search-bar button:hover{cursor:pointer}.city-name{color:#444;font-size:1.5rem;margin-bottom:8px}.date{color:#6e6262;font-size:1.25em;font-weight:500}.icon-temp{color:#fff;font-size:4rem;font-weight:700;text-align:center}.deg{font-size:1.3rem;vertical-align:super}.des-wind{color:#000;font-weight:700}.error-message{align-items:center;color:#d32f2f;display:flex;flex-direction:column;font-size:30px;font-weight:700;margin-top:auto;text-align:center}.error-message img{margin:30px 0;width:60%}.Loader{align-items:center;display:flex;height:100%;justify-content:center}.Loader>div{margin:0 auto}
/*# sourceMappingURL=main.e6b0d4a9.css.map*/