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}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.weather-app{background-image:url(/static/media/cloud-one.c6e8b2707c8601174046.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;height:100vh;justify-content:space-between}.details{color:#fff;margin-top:55px;text-align:center}.details hr{opacity:.5}.details-row,.location{padding:10px 0}.details-row{display:flex;flex-direction:row;justify-content:space-around}.weather-search{background-color:#000;display:flex;flex-direction:column;height:100vh;opacity:.7;width:40%}.weather-descp{align-self:center;color:#fff}hr{width:90%}.weather-descp p{font-size:40px;margin:55px 0;text-align:center;text-transform:capitalize}.fa-skyatlas{font-size:130px}.time-day{align-self:end;margin-left:40px}.current-weather{align-self:end;color:#fff;font-size:8.5rem}.day{color:#fff;font-size:30px;margin-bottom:35px}.timing{color:#fff;font-size:55px}p{margin:0}.searching{align-self:center;margin-top:20px;width:75%}input{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;height:170%;width:85%}:focus{outline:0}.fa-magnifying-glass{color:#fff;font-size:20px}@media only screen and (max-width:1024px) and (min-width:350px){.weather-app{flex-direction:column;height:auto;justify-content:normal}.time-day{align-self:center;font-weight:600;margin-left:0}.day,.timing{color:#000}.day{font-size:30px;margin-bottom:0}.current-weather{align-self:center;color:#000;font-size:7.5rem}.weather-search{width:100%}.weather-descp{align-self:center}.fa-skyatlas{font-size:100px}.weather-descp p{font-size:40px;margin:0}.searching{margin-top:40px}.details{margin-top:35px}.details,input{font-size:20px}.location{font-size:22px}}
/*# sourceMappingURL=main.4e77c72d.css.map*/