body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;background:url(https://images.unsplash.com/photo-1509773896068-7fd415d91e2e?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=1169) no-repeat 50% fixed;background-size:cover;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Card_cardContainer__3jU8h{display:inline-table;margin:0 4vw 4vw;overflow:hidden;width:35vw;height:5vw}.Card_card__IVMtL{display:flex;flex-direction:column;justify-content:space-between;border-radius:15px;margin-top:2rem;margin-bottom:1vw;color:#f0f8ff;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.5);font-family:"Roboto",sans-serif}.Card_cardContainer__3jU8h:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.Card_divBtn__1_dJn{display:flex;justify-content:flex-end;margin-right:.5vw}.Card_btnContent__sGn8c{border:none;cursor:pointer;color:#fff;background:transparent;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:15px;font-family:Arial;font-size:4vw;padding-bottom:1.5vw;padding-left:3vw}.Card_citie__2aWco{margin-bottom:1.5vw;text-align:center;font-size:2.2vw}.Card_actual_Weather__1eutr{display:inline-flex;justify-content:space-around;margin-right:1vw;margin-left:.5vw}.Card_weatherInfo__1yFgn{font-size:1.5vw}.Card_actualTempWeather__36zx0{display:flex;flex-direction:column;font-size:4.5vw}.Card_weatherImg__16Ly_{width:12vw;height:12vw}.Card_maxMin__1ONis{display:flex;font-size:.9vw;margin-right:1.2vw;align-items:center}.Card_max__3vWQ1,.Card_min__2L3HP{display:flex;flex-direction:column;margin-right:2vw;margin-left:2vw;height:5vw;margin-bottom:1vw}.Card_max__3vWQ1 span,.Card_min__2L3HP span{margin-bottom:1vw}.Card_time__1I-pq{margin-left:8vw;font-size:1vw}@media (max-width:768px){.Card_card__IVMtL{width:70vw;height:55vw}.Card_time__1I-pq{font-size:2.8vw}.Card_maxMin__1ONis{justify-content:center;font-size:2.8vw;margin-bottom:4vw}.Card_weatherImg__16Ly_{width:25vw;height:25vw}.Card_citie__2aWco{font-size:6vw}.Card_weatherInfo__1yFgn{margin-top:3vw;font-size:3.1vw}.Card_actualTempWeather__36zx0{font-size:6vw}.Card_btnContent__sGn8c{display:flex;justify-content:flex-end;font-size:6vw;padding-left:30vw;padding-bottom:4vw}}.Searchbar_containerSearch__1wyct{display:flex;margin:1rem 0 4rem 2rem}.Searchbar_inputSearch__npIu0{background:transparent;border:none;outline:none;font-size:1rem;opacity:.5;color:#fff;padding-bottom:4vw;padding-top:4vw;margin-right:3rem;width:50%}.Searchbar_inputSearch__npIu0::-webkit-input-placeholder{color:#fff}.Searchbar_inputSearch__npIu0:-ms-input-placeholder{color:#fff}.Searchbar_inputSearch__npIu0::placeholder{color:#fff}.Searchbar_inputSearch__npIu0:focus::-webkit-input-placeholder{color:transparent}.Searchbar_inputSearch__npIu0:focus:-ms-input-placeholder{color:transparent}.Searchbar_inputSearch__npIu0:focus::placeholder{color:transparent}.Searchbar_searchBarBtn__3KWnw{background-color:transparent;color:#fff;font-size:2rem;border:none;outline:none;cursor:pointer;padding:3vw}.App{display:flex;flex-direction:column}.cardsContainer{display:flex;justify-content:center;text-align:center}.stars{margin-top:10rem;position:fixed;top:0;left:0;width:100%;height:120%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);color:#fff}.star{--star-tail-length:6em;--star-tail-height:2px;--star-width:calc(var(--star-tail-length)/12);--fall-duration:14s;--tail-fade-duration:var(--fall-duration);position:absolute;top:var(--top-offset);left:0;width:var(--star-tail-length);height:var(--star-tail-height);color:var(var(--primary-color));background:linear-gradient(45deg,currentColor,transparent);border-radius:50%;-webkit-filter:drop-shadow(0 0 6px currentColor);filter:drop-shadow(0 0 6px currentColor);-webkit-transform:translate3d(104em,0,0);transform:translate3d(104em,0,0);-webkit-animation:fall var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;animation:fall var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite}@media screen and (max-width:750px){.star{-webkit-animation:fall var(--fall-duration) var(--fall-delay) linear infinite;animation:fall var(--fall-duration) var(--fall-delay) linear infinite}}.star:first-child{--star-tail-length:5.17em;--top-offset:80.1vh;--fall-duration:16.27s;--fall-delay:1.873s}.star:nth-child(2){--star-tail-length:5.69em;--top-offset:18.3vh;--fall-duration:15.868s;--fall-delay:2.382s}.star:nth-child(3){--star-tail-length:7.35em;--top-offset:44.96vh;--fall-duration:14.325s;--fall-delay:1.818s}.star:nth-child(4){--star-tail-length:5.4em;--top-offset:1.65vh;--fall-duration:15.861s;--fall-delay:8.511s}.star:nth-child(5){--star-tail-length:5.26em;--top-offset:55.38vh;--fall-duration:16.632s;--fall-delay:0.969s}.star:nth-child(6){--star-tail-length:5.35em;--top-offset:53.97vh;--fall-duration:14.492s;--fall-delay:8.391s}.star:nth-child(7){--star-tail-length:5.32em;--top-offset:45.44vh;--fall-duration:16.885s;--fall-delay:6.444s}.star:nth-child(8){--star-tail-length:7.47em;--top-offset:78.2vh;--fall-duration:14.397s;--fall-delay:6.056s}.star:nth-child(9){--star-tail-length:5.61em;--top-offset:55.86vh;--fall-duration:16.386s;--fall-delay:1.223s}.star:nth-child(10){--star-tail-length:6.06em;--top-offset:1.43vh;--fall-duration:15.586s;--fall-delay:8.949s}.star:nth-child(11){--star-tail-length:6.35em;--top-offset:39.34vh;--fall-duration:14.478s;--fall-delay:7.912s}.star:nth-child(12){--star-tail-length:7.16em;--top-offset:92.38vh;--fall-duration:16.626s;--fall-delay:2.722s}.star:nth-child(13){--star-tail-length:6.89em;--top-offset:30.49vh;--fall-duration:15.97s;--fall-delay:0.152s}.star:nth-child(14){--star-tail-length:6.26em;--top-offset:40.01vh;--fall-duration:14.752s;--fall-delay:4.204s}.star:nth-child(15){--star-tail-length:5.46em;--top-offset:74.13vh;--fall-duration:15.777s;--fall-delay:2.54s}.star:nth-child(16){--star-tail-length:7.19em;--top-offset:6.59vh;--fall-duration:14.437s;--fall-delay:1.083s}.star:nth-child(17){--star-tail-length:7.41em;--top-offset:84.11vh;--fall-duration:14.748s;--fall-delay:7.447s}.star:nth-child(18){--star-tail-length:7.23em;--top-offset:5.94vh;--fall-duration:16.752s;--fall-delay:2.064s}.star:nth-child(19){--star-tail-length:6.78em;--top-offset:74.06vh;--fall-duration:15.723s;--fall-delay:3.804s}.star:nth-child(20){--star-tail-length:6.34em;--top-offset:55.41vh;--fall-duration:14.758s;--fall-delay:6.631s}.star:nth-child(21){--star-tail-length:6.32em;--top-offset:1.02vh;--fall-duration:16.039s;--fall-delay:0.255s}.star:nth-child(22){--star-tail-length:6.66em;--top-offset:94.54vh;--fall-duration:14.988s;--fall-delay:4.877s}.star:nth-child(23){--star-tail-length:5.93em;--top-offset:94.99vh;--fall-duration:14.717s;--fall-delay:7.991s}.star:nth-child(24){--star-tail-length:6.49em;--top-offset:96.67vh;--fall-duration:16.873s;--fall-delay:0.11s}.star:nth-child(25){--star-tail-length:6.67em;--top-offset:24.1vh;--fall-duration:14.678s;--fall-delay:2.173s}.star:after,.star:before{position:absolute;content:"";top:0;left:calc(var(--star-width)/-2);width:var(--star-width);height:100%;background:linear-gradient(45deg,transparent,currentColor,transparent);border-radius:inherit;-webkit-animation:blink 2s linear infinite;animation:blink 2s linear infinite}.star:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.star:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes fall{to{-webkit-transform:translate3d(-25em,0,0);transform:translate3d(-25em,0,0)}}@keyframes fall{to{-webkit-transform:translate3d(-25em,0,0);transform:translate3d(-25em,0,0)}}@-webkit-keyframes tail-fade{0%,50%{width:var(--star-tail-length);opacity:1}70%,80%{width:0;opacity:.4}to{width:0;opacity:0}}@keyframes tail-fade{0%,50%{width:var(--star-tail-length);opacity:1}70%,80%{width:0;opacity:.4}to{width:0;opacity:0}}@-webkit-keyframes blink{50%{opacity:.6}}@keyframes blink{50%{opacity:.6}}
/*# sourceMappingURL=main.a46c1d19.chunk.css.map */