*{font-family:Lato,sans-serif}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0933;color:#fff;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}.App{text-align:center}.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)}}.loader-container{display:flex;justify-content:center}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#f1c900;height:120px;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container-form{align-items:center;display:flex;justify-content:center;margin:2rem 0}.input{background-color:#23224a;border-radius:8px;padding:.8rem}.weatherSearch{border:none;color:#7c7c94;margin:0 15px}.weatherIcon{color:#cfcfcf}.container-mid{margin:3rem 0}.weather-container{background-color:#1b1c48;border-radius:2.5rem;margin:0 auto;max-width:500px;padding:2rem 2.5rem;width:auto}.container-top{align-items:center;display:flex;justify-content:space-between}.container-top h1{font-size:1.7rem}.weather-title{margin:10px 0}.paragraph{color:#cccbd9;font-size:1.2rem}.container-mid{align-items:center;display:flex;justify-content:space-between}.weather-temp-main{font-size:4rem;font-weight:700}.weather-tepm{color:#f8c514;font-size:2.7rem;font-weight:700;vertical-align:text-top}.weather-icon-location{color:#f8c514;font-size:1.5rem;margin-right:10px}.container-bot{align-items:center;display:flex}.weather-container-map{text-align:center}.weather-map-drop{background-color:#1b1c48;border-radius:5px;margin:20px 0;padding:20px}
/*# sourceMappingURL=main.a7149176.css.map*/