@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.2cf917c2.ttf);font-weight:400}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Medium.19261002.ttf);font-weight:500}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.2d8d7280.ttf);font-weight:700}:root{--background-color:#fff;--text-color:#000}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Montserrat}a{text-decoration:none}ul{list-style:none}.container{max-width:1320px;width:100%;margin:0 auto;padding:0 15px}.wrapper{min-height:100vh;background:var(--background-color);color:var(--text-color);-webkit-transition:all .1s;transition:all .1s}.wrapper.dark{--background-color:#141414;--text-color:#fff}.nav{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 0}.nav,.nav .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav .logo{gap:20px}.nav .logo__span{color:#4793ff;font-size:25px;font-weight:700;text-transform:uppercase}.nav__search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.nav__search img{cursor:pointer}.nav__search-input{border:none;outline:none;border-radius:10px;background:rgba(71,147,255,.2);width:200px;height:40px;padding:0 20px;color:var(--text-color);font-size:16px;font-weight:500}.main__current{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main__current-left{position:relative;border-radius:20px;background:var(--background-color);-webkit-box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);max-width:400px;width:100%;padding:20px}.main__current-left-degree{color:#4793ff;font-size:96px;font-weight:500}.main__current-left-today{color:var(--text-color);font-size:40px}.main__current-left-time{margin-top:30px;margin-bottom:15px}.main__current-left-city,.main__current-left-time{color:#939cb0;font-size:25px}.main__current-left-img{position:absolute;top:46px;right:20px;width:120px;height:120px}.main__current-right{border-radius:20px;background:var(--background-color);-webkit-box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);max-width:800px;width:100%;padding:42px 32px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}.main__current-right-bg{position:absolute;right:0;top:0}.main__current-right-item{gap:20px;position:relative}.main__current-right-item,.main__current-right-item-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main__current-right-item-img{border-radius:38px;background:var(--background-color);-webkit-box-shadow:1px 4px 10px -1px rgba(71,147,255,.2);box-shadow:1px 4px 10px -1px rgba(71,147,255,.2);width:38px;height:38px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main__current-right-item span{color:#939cb0;font-size:14px;width:100px}.main__current-right-item p{color:var(--text-color);font-size:14px}.main__week{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;margin-top:80px;border-radius:0 0 20px 20px;background:var(--background-color);-webkit-box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);padding:20px}.main__week-day{border-radius:10px;background:rgba(71,147,255,.2);padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.main__week-day-today{color:var(--text-color);font-size:18px;font-weight:500}.main__week-day-date{color:#939cb0;font-size:14px}.main__week-day-img{width:48px;height:48px}.main__week-day-temp{color:var(--text-color);font-size:18px;font-weight:500}.main__week-day-info,.main__week-day-temp2{color:#939cb0;font-size:13px}.preloader{position:absolute;margin-left:-55px;margin-top:-100px;left:50%;top:50%}.preloader,svg{height:110px;width:110px}path{stroke:#9ea1a4;stroke-width:.25;fill:#241e20}#cloud{position:relative;z-index:2}#cloud path{fill:#efefef}#sun{margin-left:-10px;margin-top:6px;opacity:0;width:60px;height:60px;position:absolute;left:45px;top:15px;z-index:1;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:16s;animation-duration:16s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#sun path{stroke-width:.18;fill:#9ea1a4}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rain{position:absolute;width:70px;height:70px;margin-top:-32px;margin-left:19px}.drop{opacity:1;background:#9ea1a4;display:block;float:left;width:3px;height:10px;margin-left:4px;border-radius:0 0 6px 6px;-webkit-animation-name:drop;animation-name:drop;-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.drop:first-child{-webkit-animation-delay:-.13s;animation-delay:-.13s}.drop:nth-child(2){-webkit-animation-delay:-.24s;animation-delay:-.24s}.drop:nth-child(3){-webkit-animation-delay:-.39s;animation-delay:-.39s}.drop:nth-child(4){-webkit-animation-delay:-525ms;animation-delay:-525ms}.drop:nth-child(5){-webkit-animation-delay:-.64s;animation-delay:-.64s}.drop:nth-child(6){-webkit-animation-delay:-.79s;animation-delay:-.79s}.drop:nth-child(7){-webkit-animation-delay:-.9s;animation-delay:-.9s}.drop:nth-child(8){-webkit-animation-delay:-1.05s;animation-delay:-1.05s}.drop:nth-child(9){-webkit-animation-delay:-1.13s;animation-delay:-1.13s}.drop:nth-child(10){-webkit-animation-delay:-1.3s;animation-delay:-1.3s}@-webkit-keyframes drop{50%{height:45px;opacity:0}51%{opacity:0}to{height:1px;opacity:0}}@keyframes drop{50%{height:45px;opacity:0}51%{opacity:0}to{height:1px;opacity:0}}.text{font-family:Helvetica,Helvetica Neue,sans-serif;letter-spacing:1px;text-align:center;margin-left:-43px;font-weight:700;margin-top:20px;font-size:11px;color:#a0a0a0;width:200px}
/*# sourceMappingURL=app.5a18bca0.css.map*/