@import url(https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800&family=Lato&family=Lunasima:wght@400;700&family=Montserrat:wght@100&family=Noto+Sans+Cypro+Minoan&family=Poppins:wght@100;200;300;400;500;600&family=Red+Hat+Display:wght@300;800&family=Roboto+Condensed&family=Roboto:wght@300;400&display=swap);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}.dark_mode{margin-left:10px;margin-top:-20px}.dark_mode_label{background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px hsla(0,0%,100%,.4);cursor:pointer;display:block;height:30px;position:relative;transition:.3s;width:65px}.dark_mode_label:after{background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2);content:"";height:25px;left:3px;position:absolute;top:3px;transition:.3s;width:25px}.dark_mode_input{height:0;visibility:hidden;width:0}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{background:linear-gradient(180deg,#777,#3a3a3a);left:62px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;top:5px;width:20px;z-index:100}.dark_mode_label svg.sun{fill:#fff;left:5px;transition:.3s}.dark_mode_label svg.moon{fill:#7e7e7e;left:40px;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}.App{text-align:center}.sign-up{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px;padding:30px}.info-wrapper,.sign-up{box-sizing:border-box;margin:0 auto;width:30%}.info-wrapper{background-color:#282c34;border-radius:6px;padding:10px}.info-box{background-color:#aaaaac;border-radius:5px;margin:0 auto;width:65%}#light{background-color:#fff}#dark{background-color:#02022e}#dark .container,#dark .forecast{background-color:#02022e;height:100vh;margin:0;width:100%}#light .container,#light .forecast{background-color:#fff;height:100vh;margin:0;width:100%}.navbar{align-items:center;box-shadow:.5px .5px 5px #959595;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0;padding:10px;width:100%}#dark .logo h2{color:#dfe6f4}#dark .logo h2,#light .logo h2{font-family:lato;font-size:20px;text-align:center}#light .logo h2{color:#c0d1f3}.ThemeSwitch{align-self:center;display:flex}.main{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-evenly;margin-top:30px;padding:10px;width:100%}#dark .weather,#light .weather{border-radius:10px;box-sizing:border-box;color:#fff;margin:0 auto;max-width:500px;padding:20px;position:relative}#light .weather{background-color:rgba(21,74,190,.2)}#dark .search{background-color:#fff}#dark .search,#light .search{align-items:center;border-radius:50px;box-sizing:border-box;display:flex;height:40px;justify-content:space-between;padding:13px;width:40%}#light .search{background-color:#c2c2c2}#dark .search input{background-color:#fff}#dark .search input,#light .search input{border:none;border-radius:30px;box-sizing:border-box;color:#000;flex:1 1;font-size:12px;height:auto;margin-right:12px;outline:0;width:80%}#light .search input{background-color:#c2c2c2}#dark .search button{background-color:#06276a}#dark .search button,#light .search button{border:none;border-radius:50%;cursor:pointer;height:32px;outline:0;width:32px}#light .search button{background-color:#577cb1}.search button i{color:#fff}.header{background:#011844;box-sizing:border-box;font-size:12px;font-weight:100;margin:0 auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#dark .header h2,.header{border-radius:5px;color:#fff}#dark .header h2{background-color:hsla(0,0%,100%,.2)}#dark .header h2,#light .header h2{font-weight:700;padding:5px 10px;text-transform:capitalize}#light .header h2{background-color:#9abeee;border-radius:5px;color:#fff}.weatherInfo{box-sizing:border-box;line-height:16px;padding:10px;position:relative;width:400px}.weatherInfo img{background-size:cover;height:90px;image-rendering:auto;object-fit:cover;width:90px}.weatherInfo h1{font-size:70px;font-weight:500}.details{justify-content:space-between;position:relative}.details,.details .col{align-items:center;display:flex}.details .col{height:auto;justify-content:space-evenly;text-align:left;width:40%}.details .col i{font-size:45px}.humidity,.wind{font-size:80%;line-height:10px}.humidity p,.wind p{margin:0}.MoreInfo{align-items:center;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-height:450px;overflow-x:hidden;overflow-y:scroll;padding:20px;position:relative;width:500px}.MoreInfo::-webkit-scrollbar{background-color:#e7e7e7;display:none;width:1px}.MoreInfo::-webkit-scrollbar-thumb{background-color:#b2b1b1;border-radius:10px}#dark .ForeCast,#light .ForeCast{display:flex;flex-direction:column;justify-content:space-between;margin-top:0;padding:10px;position:relative;width:100%}#light .ForeCast{background-color:rgba(21,74,190,.2);border-radius:10px}.Hourly-Info{display:flex;flex-wrap:wrap;justify-content:space-between}.Hourly-Forecast{height:auto;line-height:13px;padding:10px;width:25%}#dark .foreCast-btn{background-color:#1b305b}#dark .foreCast-btn,#light .foreCast-btn{border:none;border-radius:5px;color:#fff;float:left;outline:none;padding:5px}#light .foreCast-btn{background-color:#144380}.Location{flex-direction:row;margin-top:0;padding:10px;position:relative}.Location,.Stats{display:flex;width:100%}.Stats{background-color:rgba(21,74,190,.2);border-radius:10px;box-sizing:border-box;justify-content:space-evenly;padding:12px}.Stats img{height:50px;width:50px}.box1,.more-location-info{display:flex;flex-direction:column}.more-location-info{align-items:center;text-align:left}.Showmore{background-color:rgba(21,74,190,.2);border-radius:10px;justify-content:space-evenly;padding:12px}.Showmore,.showMoreInfo{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.showMoreInfo{gap:10px;padding:0}#dark .showMoreInfo button{background-color:#011844}#dark .showMoreInfo button,#light .showMoreInfo button{border:none;border-radius:3px;color:#fff;outline:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#light .showMoreInfo button{background-color:#9abeee}hr{background-color:#dfe6f4;outline:none}.hr-bottom{display:none}.Todays-summary{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-evenly;padding:10px;width:100%}.Todays-summary img{float:left;object-fit:contain;width:30%}.innerBox:first-child{align-items:baseline;margin-top:40px}.innerBox hr{border:none;height:.3px}.air-quality span{color:#9a9aac;font-size:17px;font-weight:400}.air-quality hr{border:none}.astro span{color:#9a9aac;font-size:17px;font-weight:400}.astro p{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.astro i{font-size:25px}.astro hr{border:none}.error{background-color:#40444e;border-radius:5px;color:#ee3232;font-size:15px;font-weight:400}@media (max-width:1000px){#dark .container,#dark .forecast,#light .container,#light .forecast,.MoreInfo{height:100%}.MoreInfo{overflow-x:hidden;overflow-y:auto}}@media (max-width:880px){#dark .container,#light .container{height:100%}}@media (max-width:550px){#dark .container{height:100%}#light .container{height:100vh}.ThemeSwitch{position:absolute;right:13px;top:17px}.weather{width:85%}#dark .search{background-color:#fff}#dark .search,#light .search{align-items:center;border-radius:35px;box-sizing:border-box;display:flex;height:40px;justify-content:space-between;padding:10px;position:relative;width:100%}#light .search{background-color:#c2c2c2}.weatherInfo{width:100%}}@media (max-width:450px){.Hourly-Forecast,.innerBox{width:100%}.hr-bottom{display:flex}}@media (max-width:350px){.Location{display:flex;flex-direction:column;margin-top:0;padding:10px;position:relative;width:100%}.Location img{margin:0 auto}.Stats{background-color:rgba(21,74,190,.2);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;padding:12px;width:100%}}.spinner{height:22.4px;position:relative;width:22.4px}.spinner:after,.spinner:before{-webkit-animation:spinner-b4c8mmmd .5s backwards,spinner-49opz7md 1.25s ease .5s infinite;animation:spinner-b4c8mmmd .5s backwards,spinner-49opz7md 1.25s ease .5s infinite;border:5.6px solid #dfdfeb;border-radius:50%;box-shadow:0 -33.6px 0 -5.6px #dfdfeb;content:"";display:block;height:100%;position:absolute;width:100%}.spinner:after{-webkit-animation-delay:0s,1.25s;animation-delay:0s,1.25s}@-webkit-keyframes spinner-b4c8mmmd{0%{box-shadow:0 0 0 -5.6px #dfdfeb}}@keyframes spinner-b4c8mmmd{0%{box-shadow:0 0 0 -5.6px #dfdfeb}}@-webkit-keyframes spinner-49opz7md{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner-49opz7md{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.211db561.css.map*/