@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Krub:wght@300&family=Noto+Sans+Display:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#00e1ff;background-attachment:fixed;background-image:url(/static/media/background-image4.c9d9e12ca14af02c583b.svg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:auto}@-webkit-keyframes flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;font-family:Krub,sans-serif;margin:auto;text-align:center}.transition-exit-active{-webkit-transform:scale(4);transform:scale(4)}.SplashScreen{align-content:center;display:block;justify-content:space-around;margin:2rem auto auto}.SplashScreen h1{font-size:64px;margin-bottom:.3rem;margin-top:8rem}.SplashScreen h1,.SplashScreen h4{color:#fff;font-weight:900;text-shadow:#000}.SplashScreen h4{margin-top:.5rem}.SplashScreen a{color:#ffd900;font-weight:900;text-decoration:none;text-shadow:#000;transition:color .3s ease;z-index:999}.SplashScreen a:hover{color:#ffae00}.SplashScreen-logo{pointer-events:none}@media (prefers-reduced-motion:no-preference){.SplashScreen-logo{-webkit-animation:SplashScreen-logo-spin 10s linear infinite;animation:SplashScreen-logo-spin 10s linear infinite}}.CurrentWeather{background-color:#1f2966;box-shadow:0 5px 12px 0 #0f0f0f9f;color:#f0f8ff;margin:1rem auto 1.3rem;min-width:10rem;padding:1rem;text-align:center;transition:all .5s;width:17rem;z-index:0}.CurrentWeather h1{letter-spacing:.08rem}.CurrentWeather:hover{-webkit-animation-delay:.2;animation-delay:.2;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:ShineAnimation;animation-name:ShineAnimation;-webkit-animation-timing-function:cubic-bezier(.12,.89,.98,.3);animation-timing-function:cubic-bezier(.12,.89,.98,.3);-webkit-transform:scale(1.2);transform:scale(1.2);z-index:999}.Forecast{align-self:center;background-color:#1f2966;box-shadow:0 5px 12px 0 #0f0f0f9f;color:#f0f8ff;font-family:Krub;margin:1rem;padding:1rem;text-align:center;transition:all .5s;width:14rem}.Forecast h2{font-family:Krub;letter-spacing:.05rem}.Forecast:hover{-webkit-animation-delay:.2;animation-delay:.2;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:ShineAnimation;animation-name:ShineAnimation;-webkit-animation-timing-function:cubic-bezier(.12,.89,.98,.3);animation-timing-function:cubic-bezier(.12,.89,.98,.3);border-color:#000;-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes ShineAnimation{0%{background-image:-webkit-linear-gradient(top left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 45%,hsla(0,0%,100%,.2) 48%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.2) 52%,hsla(0,0%,100%,0) 57%,hsla(0,0%,100%,0));background-position:-300px -250px;background-repeat:no-repeat;background-size:600px 600px}to{background-position:250px 500px;background-repeat:no-repeat}}@keyframes ShineAnimation{0%{background-image:-webkit-linear-gradient(top left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 45%,hsla(0,0%,100%,.2) 48%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.2) 52%,hsla(0,0%,100%,0) 57%,hsla(0,0%,100%,0));background-position:-300px -250px;background-repeat:no-repeat;background-size:600px 600px}to{background-position:250px 500px;background-repeat:no-repeat}}.ForecastGrid{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;place-items:center}.WeatherScreen{margin:auto;position:relative}input.input{background-color:transparent;border:unset;border-bottom:2px solid #fff;box-shadow:0 5px 12px 0 #0f0f0f9f;color:#ebebeb;font-size:22px;margin:1rem;padding:10px 10px 5px;transition:all .15s ease-out;width:200px}input.input:hover{border-color:#1f2966;color:#fff}input.input:active,input.input:focus{background-color:#1f2966;border-color:#1f2966;color:#fff;outline:none}.btn{background-image:none;background:#fff;border:1px solid #d9d9d9;border-radius:2px;box-shadow:0 2px #00000004;color:#000000d9;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;height:40px;line-height:1.5715;padding:4px 15px;position:relative;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .15s ease-out,box-shadow .1s ease-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:0}.btn:focus,.btn:hover{background:#1f2966;border-color:#1f2966;color:#fff}.btn:active{background:#141a41;border-color:#141a41;box-shadow:0 0 0 4px #7fbdff65;color:#fff}.icon{color:#fff}.icon:hover{color:grey;cursor:pointer}.header{color:#fff;cursor:pointer;display:flex;float:left}.header span{align-items:center;display:inline-flex;font-size:32px;font-weight:700}@media screen and (max-width:1000px){.header{align-items:center;color:#fff;cursor:pointer;display:contents;transition:background-color .3s}.header span{display:block}}.logo{margin-left:1rem;margin-right:1rem;pointer-events:none}@media (prefers-reduced-motion:no-preference){.logo{-webkit-animation:SplashScreen-logo-spin 10s linear infinite;animation:SplashScreen-logo-spin 10s linear infinite}}@-webkit-keyframes SplashScreen-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes SplashScreen-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.transition-enter{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.transition-enter-active{transition:all .5s}.transition-enter-active,.transition-exit{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.transition-exit-active{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:all .5s}
/*# sourceMappingURL=main.024a8653.css.map*/