@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap";body{background-color:#ebf3fe;background-image:url("data:image/svg+xml,%3csvg%20width='1099'%20height='1099'%20viewBox='0%200%201099%201099'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M760.6%20915.833C821.96%20916.291%20881.032%20893.395%20926.365%20852.183C1076.1%20721.219%20995.969%20458.375%20798.607%20433.647C728.087%205.95286%20111.274%20168.055%20257.349%20575.143'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M333.363%20593.918C309.094%20581.554%20282.077%20575.143%20255.06%20575.601C41.6705%20590.712%2042.1284%20901.18%20255.06%20916.291'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M724.424%20452.88C748.236%20440.974%20773.879%20434.563%20800.438%20434.105'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M456.543%20915.833L364.96%201007.42'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M639.71%20915.833L548.126%201007.42'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M639.71%20732.667L548.126%20824.25'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M456.543%20732.667L364.96%20824.25'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:-360px -300px;background-repeat:no-repeat;background-attachment:fixed;padding:0 10px}*{margin:0;padding:0;color:#0065f2;font-family:Inter,sans-serif;box-sizing:border-box}button{display:flex;align-items:center;justify-content:space-between;flex:1;padding:20px;background-color:#e0ecfd;color:#0065f2;border:none;border-radius:10px;width:100%;font-size:16px;font-weight:700;cursor:pointer}#app{width:100%;min-height:100vh;max-width:1400px;margin:auto;padding:50px 0 0}header{text-align:center;margin-bottom:70px}header p{font-size:18px;font-weight:400}main{display:flex;gap:40px}.main-box{border-radius:20px;background-color:#fff;display:flex;flex-direction:column;gap:20px}.main-box__button--active{background-color:#0065f2;color:#fff}.main-box__button--submit{flex:1;justify-content:center;color:#fff;background-color:#0065f2;font-weight:500;height:48px}.main__form{flex:1;max-width:435px;padding:30px}.main__form form{display:flex;flex-wrap:wrap;gap:10px;min-height:48px}.main__form form input{height:48px;flex:4;min-width:100px;border-radius:10px;border:none;background-color:#e0ecfd;opacity:40%;padding:12px 16px;font-size:16px;font-weight:400}.main__form form ::placeholder{color:#0065f2}.main__form menu{list-style:none;display:flex;flex-direction:column;gap:20px}.main__city{position:relative;flex:2;padding:30px}.main__city hr{border-top:1px rgba(0,101,242,.4) solid}.main__city__title{display:flex;align-items:center;gap:20px}.main__city__title__img{height:24px}.main__city__title__name{font-size:22px;font-weight:700}.main__city__body{display:flex;flex-wrap:wrap;height:auto;width:100%;gap:20px;border-radius:10px;box-shadow:#00000026 3.4px 3.4px 15.2px}.main__city__body__img{display:flex;align-items:center;justify-content:center;min-height:375px;flex:1;padding:20px;background-color:#e0ecfd;border-radius:10px}.main__city__body__contain{flex:1;min-width:250px;padding:30px 10px;display:flex;flex-direction:column;justify-content:center}.main__city__body__contain__date{font-size:24px;font-weight:400}.main__city__body__contain__meteo{font-size:40px;font-weight:700}.main__city__body__contain__temp{font-size:32px;font-weight:600}.main__city__items{display:flex;flex-wrap:wrap;gap:20px}.main__city__items__item{flex:1;display:flex;flex-direction:column;min-width:160px;background-color:#e0ecfd;border-radius:10px;padding:20px;gap:10px}.main__city__items__item__date{text-align:center;font-size:16px;font-weight:400}.main__city__items__item img{width:78px;margin-left:auto;margin-right:auto}.main__city__items__item__meteo{text-align:center;font-size:16px;font-weight:700}.main__city__items__item__temp{text-align:center;font-size:22px;font-weight:700}#loading{position:absolute;top:calc(50% - 10rem);bottom:calc(50% - 10rem);left:calc(50% - 10rem);right:calc(50% - 10rem);width:10rem;height:10rem;border:5px solid #f3f3f3;border-top:10px solid #0065F2;border-radius:100%;margin:auto;visibility:hidden;animation:spin 1s infinite linear}#loading.display{visibility:visible}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1280px){main{flex-direction:column}.main__form{max-width:100%}}@media screen and (max-width: 380px){.main__city__body__img img{width:100%}.main__city__body__contain__date,.main__city__body__contain__meteo{font-size:25px}.main__city__body__contain__temp{font-size:30px}}