@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Regular.54c76208.ttf);font-weight:400}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Medium.62e48611.ttf);font-weight:500}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.0066078b.ttf);font-weight:700}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Montserrat}.container{max-width:1230px;width:100%;padding:0 15px;margin:0 auto}button,input{border:none;outline:none}body{background:#fff;transition:.3s linear}body.active{background:#222}.loading{height:100vh;display:flex;justify-content:center;align-items:center}.loading__spinner{width:30%;height:30%;animation:rotate 1.5s ease-in-out infinite;position:relative}.loading__spinner-set1,.loading__spinner-set2{display:flex;justify-content:center;align-items:center;gap:75px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading__spinner-set2{flex-direction:column}.loading__spinner-set1 .loading__spinner-ball{width:50px;height:50px;background:#1e90ff;border-radius:50%}.loading__spinner-set1 .loading__spinner-ball:nth-child(2){background:#ff4500;animation:scale 1.5s ease-in-out infinite forwards}.loading__spinner-set1 .loading__spinner-ball:first-child{background:green;animation:scale 1.5s ease-in-out infinite forwards}.loading__spinner-set2 .loading__spinner-ball{width:50px;height:50px;background:#1e90ff;border-radius:50%}.loading__spinner-set2 .loading__spinner-ball:first-child{background:#1e90ff;animation:scale2 1.5s ease-in-out infinite forwards}.loading__spinner-set2 .loading__spinner-ball:nth-child(2){background:#ff0;animation:scale2 1.5s ease-in-out infinite forwards}@keyframes scale2{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes scale{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header__nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0 30px}@media(max-width:500px){.header__nav{flex-wrap:wrap;gap:20px}}.header__nav-logo{display:flex;align-items:center;gap:20px}.header__nav-logo span{font-weight:700;font-size:25px;text-transform:uppercase;color:#4793ff}.header__nav-search{display:flex;align-items:center;gap:25px}.header__nav-search img{cursor:pointer}.header__nav-search input{max-width:194px;width:100%;padding:9px 20px;border-radius:10px;font-size:16px;font-weight:500;background:rgba(71,147,255,.2)}.header__nav-search input::-moz-placeholder{color:#000;font-size:16px;font-weight:500}.header__nav-search input::placeholder{color:#000;font-size:16px;font-weight:500}.main__content{display:flex;justify-content:space-between;align-items:center;gap:20px}@media(max-width:800px){.main__content{flex-wrap:wrap;justify-content:center}}.main__content-left{max-width:400px;width:100%;height:300px;background:#fff;box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);padding:20px;border-radius:20px;position:relative}@media(max-width:800px){.main__content-left{max-width:100%;height:100%}}.main__content-left-degree{font-size:96px;color:#4793ff;font-weight:500;line-height:120%}.main__content-left-day{color:#000;font-size:40px;font-weight:400}.main__content-left-city,.main__content-left-time{color:#939cb0;font-size:25px;font-weight:400;margin-top:10px}.main__content-left-images{position:absolute;top:20px;right:30px;width:120px;height:120px}.main__content-left-images img{width:100%;height:100%}.main__content-right{max-width:750px;width:100%;height:300px;padding:42px 41px 32px;border-radius:20px;background:#fff;box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);position:relative;z-index:-1;display:flex;flex-direction:column;gap:22px}@media(max-width:400px){.main__content-right{width:100%;height:100%;padding:10px}}.main__content-right-cloud{position:absolute;top:0;right:0;z-index:-1}@media(max-width:700px){.main__content-right-cloud{width:100%}}.main__content-right-item{display:flex;align-items:center;gap:20px}@media(max-width:400px){.main__content-right-item{display:flex;flex-direction:column}}.main__content-right-item div{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:1px 4px 10px -1px rgba(71,147,255,.2);padding:10px;border-radius:50%}.main__content-right-item span{color:#939cb0;font-size:14px;font-weight:400}.main__content-right-item p{font-size:16px;font-weight:400}.main__week{margin:50px 0 20px}.main__week-btns{display:flex;justify-content:space-between;align-items:center}@media(max-width:400px){.main__week-btns{display:flex;flex-direction:column;gap:10px}}.main__week-btns button{padding:7px 21px;background:#fff;box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);border-radius:5px;font-size:18px;font-weight:400;transition:.2s;cursor:pointer}@media(max-width:400px){.main__week-btns button{width:100%}}.main__week-btns button:hover{background:#4793ff;color:#fff}.main__week-days{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;background:#fff;box-shadow:2px 5px 25px -3px hsla(0,0%,71%,.25);border-radius:0 0 20px 20px;padding:20px;margin:7px 0;overflow-x:scroll}.main__week-days::-webkit-scrollbar{height:5px}.main__week-days::-webkit-scrollbar-thumb{background:#4793ff;border-radius:10px;cursor:pointer}.main__perweek{width:149px;height:100%;display:flex;flex-direction:column;align-items:flex-start;border-radius:10px;background:rgba(71,147,255,.2);padding:11px;color:#939cb0;cursor:pointer}.main__perweek-day{color:#000;font-weight:500;font-size:18px;margin-bottom:5px}.main__perweek-calendar{font-size:14px;color:#939cb0;margin-bottom:10px}.main__perweek-images{width:45px;height:45px}.main__perweek-images img{width:100%;height:100%}.main__perweek-maxtemp{color:#000;font-size:18px;font-weight:500;margin-top:14px}.main__perweek-mintemp{margin-bottom:8px}.main__perweek-descr,.main__perweek-mintemp{color:#939cb0;font-size:14px;font-weight:400}.modal{position:fixed;background:rgba(0,0,0,.35);justify-content:center;align-items:center;top:0;left:0;height:100%;z-index:1}.modal,.modal__content{display:flex;width:100%}.modal__content{max-width:750px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:35px;border-radius:20px;justify-content:space-between;gap:20px}.modal__content-left{display:flex;flex-direction:column}.modal__content-left-degree{font-size:65px;color:#4793ff;font-weight:500}.modal__content-left-day{color:#000;font-size:20px;font-weight:500;margin:5px 0}.modal__content-left img{width:45px;height:45px}.modal__content-left-calendar{margin:5px 0}.modal__content-left-calendar,.modal__content-left-city{color:#939cb0;font-size:16px;font-weight:400}.modal__content-right{position:relative;display:flex;flex-direction:column;gap:20px}.modal__content-right-item{display:flex;align-items:center;gap:20px}.modal__content-right-item div{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:1px 4px 10px -1px rgba(71,147,255,.2);padding:10px;border-radius:50%}.modal__content-right-item span{color:#939cb0;font-size:14px;font-weight:400}.modal__content-right-item p{color:#000;font-size:16px;font-weight:400}.modal__content-right-close{position:absolute;top:-10px;right:-10px;cursor:pointer}