@import url(https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#032264,#222b47,#324a77);color:#f1e0c6;font-family:Funnel Display,sans-serif;letter-spacing:1px;min-height:100vh;text-align:center;text-shadow:-1px -1px 2px #032264,1px -1px 2px #032264,-1px 1px 2px #032264,1px 1px 2px #032264;width:97vw}@media(min-height:600px){body{overflow:hidden;overscroll-behavior:none;touch-action:none}}form{min-height:100vh;position:relative;transition:all 2s ease-in-out;z-index:10}form.active{margin-top:20px;min-height:5vh}form input{background-color:#b0c4de;border:2px solid #032264;border-radius:15px;color:#032264;font-size:1.5rem;height:5vh;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all 2s ease-in-out;width:75vw}@media(min-width:576px){form input{width:65vw}}@media(min-width:992px){form input{width:45vw}}form input.active{background-color:#f1e0c6;border-radius:10px;font-size:1rem;height:3vh;margin-top:25px;top:0;transform:translate(-50%);width:55vw}@media(min-width:576px){form input.active{width:35vw}}@media(min-width:992px){form input.active{width:20vw}}header{display:flex;flex-direction:column;height:25vh;justify-content:start;margin:20px 0;position:relative;z-index:10}header div{padding-top:10px}header div p{padding-top:2px}header div p .colon{animation:blink 1s infinite}.actualWeather{color:#ebb667;height:20vh;margin:0 auto;max-width:100vw;padding:10px;position:relative;z-index:1}@media(min-width:576px){.actualWeather{max-width:75vw}}.actualWeather h1{font-size:5rem;left:50%;position:absolute;text-shadow:0 0 0 #c08b3c,0 1px 0 #956011,0 2px 0 #6a3500,0 3px 2px #000000a8,0 3px 1px #00000080,0 0 2px #0003;top:50%;transform:translate(-50%,-50%)}@media(min-width:768px){.actualWeather h1{font-size:6rem}}@media(min-width:992px){.actualWeather h1{font-size:7rem}}.actualWeather p{bottom:0;font-size:1.5rem;font-weight:900;left:50%;letter-spacing:3px;position:absolute;text-shadow:0 0 0 #b88334,0 1px 0 #855001,0 2px 1px #0009,0 2px 1px #00000080,0 0 1px #0003;transform:translateX(-50%)}@media(min-width:992px){.actualWeather p{font-size:2rem}}.actualWeather .weatherIcon{display:inline-block;filter:blur(10px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}@media(min-width:992px){.actualWeather .weatherIcon{width:75%}}@media(min-width:1400px){.actualWeather .weatherIcon{width:50%}}.weatherInfo{align-items:center;display:flex;flex-direction:column;font-weight:100;gap:10px;margin:35px 0;padding:0 20px;position:relative;z-index:1}.weatherInfo p span{font-weight:900;letter-spacing:2px}.forecastWeather{align-items:center;display:flex;flex-direction:column;font-weight:4;justify-content:start;position:relative;z-index:1}.forecastWeather h3{flex:1 1;margin:10px 0 20px}.forecastWeather div{align-items:center;display:flex;flex:1 1;flex-basis:5vh;flex-direction:column;gap:20px;overflow-y:auto;scrollbar-width:none}@media(min-height:820px){.forecastWeather div{flex-basis:10vh}}@media(min-height:900px){.forecastWeather div{flex-basis:15vh}}@media(min-height:1024px){.forecastWeather div{flex-basis:20vh}}.forecastWeather div img{height:30px;padding:0 10px;vertical-align:middle}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:0}}
/*# sourceMappingURL=main.1895c565.css.map*/