@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&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}body{background-image:url(/static/media/Clouds2.861910d9c4437cab508e.jpg);background-size:cover;color:#fff;font-family:Rubik,sans-serif;height:100vh;overflow:hidden;text-shadow:1px 1px 0 #2a2a2a}body:before{background-color:#2222221a;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-header,.weather-info{align-items:center;display:flex}.weather-info{bottom:150px;justify-content:space-between;left:100px;position:absolute;width:60%}.weather-info .deg{font-size:150px;margin-bottom:10px}.weather-info .cityInfo .cityName{font-size:46px;margin-bottom:10px}.weather-info .cityInfo p{font-size:20px;letter-spacing:1px;margin:0 0 10px}.weather-info .weatherIcon{display:flex;flex-direction:column}.weather-info .weatherIcon img{width:70px}.weather-info .weatherIcon .description{font-size:20px;margin-top:5px}@media(max-width:991px){.weather-info{flex-direction:column;justify-content:center;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}}.Loader-pa{align-items:center;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);background:hsla(0,0%,100%,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);display:flex;height:100vh;justify-content:center;position:fixed;width:100vw}@media(min-width:992px){.Loader-pa{left:0;top:0}}.side-bar{-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);background:rgba(0,1,15,.253);box-shadow:0 8px 32px 0 rgba(0,0,0,.219);display:none;height:100vh;overflow-y:scroll;position:fixed;right:-35%;top:0;transition:.3s;width:30%;z-index:2}.barActive,.side-bar{-webkit-animation:pop-right 1s;animation:pop-right 1s}.barActive{display:block;right:0!important}@-webkit-keyframes pop-right{0%{right:-35%}}@keyframes pop-right{0%{right:-35%}}.close-container{background-color:transparent;border:none;cursor:pointer;display:flex;height:50px;justify-content:center;left:calc(100% - 70px);outline:none;position:relative;top:20px;width:50px;z-index:10}.leftright{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rightleft{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.leftright,.rightleft{background-color:#f4a259;border-radius:2px;height:4px;margin-top:24px;position:absolute;transition:all .3s ease-in;width:50px}.close-container:hover .leftright{background-color:#f25c66;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.close-container:hover .rightleft{background-color:#f25c66;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media(max-width:1299px){.barActive{width:100%!important}}@media(max-width:991px){.barActive{height:100vh!important;left:0;position:fixed;top:calc(-100% + 15px);width:100%}}.listUl{list-style:none;margin-left:3px;margin-top:35px;padding:20px 15px}.listUl li{align-content:center;display:flex;justify-content:space-between;padding:20px 10px}.listUl li button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:18px;outline:none}.tit{border-top:1px solid hsla(0,0%,93%,.38);font-size:20px;margin:20px 25px;padding:10px 5px;text-align:left}.city-form{margin-top:25px}.city-form .input{background-color:transparent;border:none;border-bottom:1px solid hsla(0,0%,93%,.38);border-radius:2px;caret-color:#03949e;color:#fff;font-size:16px;letter-spacing:1px;outline:none;padding:8px 10px;width:280px}.city-form .input::-webkit-input-placeholder{color:hsla(0,0%,93%,.565);font-size:16px}.city-form .input::placeholder{color:hsla(0,0%,93%,.565);font-size:16px}.city-form .form-btn{background-color:transparent;border:none;border-bottom:1px solid hsla(0,0%,93%,.38);border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-left:15px;padding:10px 15px}.button-27{-webkit-appearance:none;appearance:none;background-color:#3b7295;border-radius:15px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Roobert,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:600;line-height:normal;margin:0;min-height:60px;min-width:0;outline:none;padding:16px 24px;text-align:center;text-decoration:none;touch-action:manipulation;transition:all .3s cubic-bezier(.23,1,.32,1);user-select:none;-webkit-user-select:none;width:90%;will-change:transform}.button-27:disabled{pointer-events:none}.button-27:hover{box-shadow:0 8px 15px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.button-27:active{box-shadow:none;-webkit-transform:translateY(0);transform:translateY(0)}@media(max-width:767px){.button-27{margin-bottom:160px}}::-webkit-scrollbar{display:none}.err-404{align-items:center;background-color:rgba(0,0,0,.208);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100%}.err-404 .tex{font-size:26px;margin:20px auto}.err-404 .backTh{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:22px;outline:none;padding:10px 15px}@media(max-width:991px){.err-404{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:-100%}}.navbar{height:100px;justify-content:center;padding:0 50px}.navbar,.navbar .container{align-items:center;display:flex}.navbar .container{flex:1 1;justify-content:space-between}.navbar .container .logo{letter-spacing:.5px}.navbar .container .avatar{border-radius:50%;height:50px;overflow:hidden;width:50px}.navbar .container .avatar img{max-width:100%}.navbar .container .search-nav{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;font-size:22px;justify-content:center}.navbar .container .search-nav:focus-visible{border:none;outline:none}@media(max-width:991px){.navbar{padding:5px}}.footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,0);border:1px solid hsla(0,0%,100%,.03);bottom:0;display:block;font-size:17px;left:0;margin:auto;padding:5px 2px;position:fixed;text-align:center;width:100%}.footer a{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.8dbb1105.css.map*/