@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);.current-weather{min-height:200px;background-color:#fff;border-radius:20px;box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 hsla(0,0%,100%,.3);-webkit-animation:animate 2s ease-in;animation:animate 2s ease-in;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes animate{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);box-shadow:none}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);box-shadow:none}51%{box-shadow:none}to{box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 hsla(0,0%,100%,.3)}}@keyframes animate{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);box-shadow:none}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);box-shadow:none}51%{box-shadow:none}to{box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 hsla(0,0%,100%,.3)}}.loading-outer{border-bottom:7px solid rgba(240,232,255,0);border-top:7px solid rgba(240,232,255,0);border-color:#564ae0 rgba(240,232,255,0);width:120px;height:120px;-webkit-animation:spin-outer 1s cubic-bezier(.04,.99,.51,.03) infinite;animation:spin-outer 1s cubic-bezier(.04,.99,.51,.03) infinite}.loading-middle,.loading-outer{border-style:solid;border-width:7px;border-radius:50%}.loading-middle{border-bottom:7px solid #fff;border-top:7px solid #fff;border-color:#f2faa6 #fff;width:90px;height:90px;-webkit-animation:spin-middle 1s linear infinite;animation:spin-middle 1s linear infinite}.loading-inner{border-left:7px solid #fff;border-right:7px solid #fff;border-color:#fff #ff9580;border-style:solid;border-width:7px;border-radius:50%;width:60px;height:60px;-webkit-animation:spin-inner 1s linear infinite;animation:spin-inner 1s linear infinite}@-webkit-keyframes spin-inner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-inner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-middle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-middle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-outer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-outer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-container{height:100px;width:100px;position:relative}.icon-container>.fa-cloud{color:#add8e6;font-size:50px}.icon-container>.fa-sun{position:absolute;font-size:40px;color:orange;left:35%;top:-5%;z-index:-1;-webkit-animation:spin-outer 4s linear infinite;animation:spin-outer 4s linear infinite}*{font-family:"Quicksand",sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:#f7f7f7}.bg-purple{background:linear-gradient(90deg,#4e54c8,#8f94fb);color:#ebebeb}.button-gradient{background:#fff;border:1px solid purple;transition:all 1s ease;color:purple}.button-gradient:hover{background:linear-gradient(90deg,#4e54c8,#8f94fb);color:#fff}.forecast-cards{min-height:150px;border-radius:18px}.big-heading-1{font-size:5em}.big-heading-2{font-size:4em}.current-weather-info{-webkit-animation:riseUpCurrentWeatherInfo 2s ease-in 1;animation:riseUpCurrentWeatherInfo 2s ease-in 1;box-shadow:12px 12px 16px 0 rgba(123,91,197,.336),-8px -8px 12px 0 hsla(0,0%,100%,.5);border-radius:20px}@-webkit-keyframes riseUpCurrentWeatherInfo{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);box-shadow:none}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);box-shadow:none}51%{box-shadow:none}to{box-shadow:12px 12px 16px 0 rgba(123,91,197,.336),-8px -8px 12px 0 hsla(0,0%,100%,.5)}}@keyframes riseUpCurrentWeatherInfo{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);box-shadow:none}50%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);box-shadow:none}51%{box-shadow:none}to{box-shadow:12px 12px 16px 0 rgba(123,91,197,.336),-8px -8px 12px 0 hsla(0,0%,100%,.5)}}.light-shadow{background-color:#fff;-webkit-animation:riseUpCurrentWeather 1s ease-out 0s 1;animation:riseUpCurrentWeather 1s ease-out 0s 1;box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 hsla(0,0%,100%,.3)}@-webkit-keyframes riseUpCurrentWeather{0%{box-shadow:none}to{box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 hsla(0,0%,100%,.3)}}@keyframes riseUpCurrentWeather{0%{box-shadow:none}to{box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 hsla(0,0%,100%,.3)}}.custom-control,.custom-switch{padding-left:0}.chart-heading{margin-top:150px;font-weight:700}.chart-container{margin:8%;max-width:100%;overflow-x:auto}::-webkit-scrollbar{width:15px;height:10px}::-webkit-scrollbar-track{border:1px solid hsla(0,0%,73.3%,.685);border-radius:10px;box-shadow:inset 0 0 2.5px 2px rgba(0,0,0,.05)}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4e54c8,#8f94fb);border-radius:10px}.nav-background{background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.nav-item-underline{background:linear-gradient(90deg,#4e54c8,#8f94fb);width:100%;height:4px;border-radius:2px;transform:scale3d(0,0,1);transition:transform .25s ease-in-out}.nav-item-content:hover+.nav-item-underline{display:block;transform:scaleX(1)}.btn,.form-control{border-radius:20px}
/*# sourceMappingURL=main.d41d0c04.chunk.css.map */