@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap";body{background-color:#ebf3fe}.FontSize16px{font-size:16px}.FontSize22px{font-size:22px}.FontSize24px{font-size:24px}.FontSize32px{font-size:32px}.FontSize40px{font-size:40px}.FontWeight400{font-weight:400}.FontWeight600{font-weight:600}.FontWeight700{font-weight:700}.ColorWhite{color:#fff}.BackColorLightBlue{color:#e0ecfd}.ColorDarkBlue{color:#0065f2}.BackColorWhite{background-color:#fff}.BackColorLightBlue{background-color:#e0ecfd}.BackColorDarkBlue{background-color:#0065f2}.Padding20{padding:20px}.spaceBeetween{display:flex;justify-content:space-between;align-items:center}h1,h2,label,span{font-weight:400;font-size:16px;font-family:Inter;line-height:24px;color:#0065f2;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}h1,h2{margin:auto;color:#0065f2;font-family:Inter;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}h1{text-transform:uppercase;font-size:56px;font-weight:900;line-height:60px;letter-spacing:-1px}h1 span{font-weight:600;font-size:56px}h2{font-size:18px;font-weight:400;line-height:28px}label{color:#0065f2;line-height:28px}html,body{margin:0;padding:0;width:100%}header{display:flex;flex-direction:column;margin-top:81px;margin-bottom:40px;gap:24px}main{display:flex;flex-direction:column;align-items:center;justify-items:center;width:100%}main #content{display:flex;gap:40px;width:fit-content;max-width:1366px}form{display:flex;align-items:center;justify-content:center;gap:10px}input{min-width:261.9px;min-height:48px;gap:196px;border-radius:10px;background-color:#e0ecfd;border:2px solid transparent;padding-left:16px;color:#0065f2;font-size:18px;outline:none}input::placeholder{color:#0065f2;font-family:Inter;font-size:15px;font-weight:400;line-height:24px;letter-spacing:.1000000015px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}button{padding:12px 20px;background-color:#e0ecfd;border-color:transparent;height:100%;width:100%;border-radius:10px}button label{color:#0065f2;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.1000000015px}ul{display:flex;flex-direction:column;list-style-type:none;gap:20px;padding:0;margin:0}ul li{display:flex;flex-direction:column;gap:200px;width:100%}ul li button{display:flex;justify-content:space-between}hr{margin:0;width:100%;border:1px solid #E0ECFD}.whiteCard{display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:20px;background-color:#fff}.whiteCard .title{display:flex;gap:20px}.whiteCard .ulWhiteCard{display:flex;flex-direction:column;padding:0;margin:0;list-style-type:none;gap:20px}.whiteCard .ulWhiteCard .liWhiteCard{display:flex;flex-direction:column;gap:20px;width:100%}.whiteCard .ulWhiteCard .liWhiteCard button{display:flex;justify-content:space-between;padding:20px}.whiteCard .listWeather{width:100%}.whiteCard .listWeather .ulWeather{display:flex;flex-direction:row;padding:0;margin:0;list-style-type:none;gap:20px;justify-content:space-between;width:100%}.whiteCard .listWeather .ulWeather .liWeather .blueCard{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;box-sizing:border-box;padding:20px;gap:10px;border-radius:10px;opacity:1px;box-shadow:0 4px 21px #0065f221 inset;background-color:#ebf3fe}.whiteCard .listWeather .ulWeather .liWeather .blueCard .blueCardTitle{display:flex;flex-direction:column;align-items:center}.whiteCard .listWeather .ulWeather .liWeather .blueCard .blueCardTitle img{width:78px;height:78px}.darkBlueBtn{background-color:#0065f2}.darkBlueBtn label{color:#fff}.labelTitle{color:#0065f2;font-size:22px;font-weight:700}.currentWeather{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:20px;box-shadow:7px 4px 23px #0000000d}.currentWeather .cardCurrentWeatherDiv{display:flex;align-items:center;justify-content:center;background-color:#ebf3fe;width:100%;height:375px;border-radius:10px}.currentWeather .cardCurrentWeatherDiv #cardCurrentWeatherImg{width:100%;height:100%;max-width:235px;max-height:235px}.currentWeather .currentData{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px}.dropCityButton{max-width:30px;max-height:30px;cursor:pointer}.liWhiteCard>button:hover{background-color:#70a8f7}.dropCityButton:hover{transform:scale(1.5)}.imgFutureWeather{width:75px;height:75px}#meteoBackgroundImage{background-image:url("data:image/svg+xml,%3csvg%20width='684'%20height='881'%20viewBox='0%200%20684%20881'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M345.6%20697.833C406.96%20698.291%20466.032%20675.395%20511.365%20634.183C661.104%20503.219%20580.969%20240.375%20383.607%20215.647C313.087%20-212.047%20-303.726%20-49.9446%20-157.651%20357.143'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M309.424%20234.88C333.236%20222.974%20358.879%20216.563%20385.438%20216.105'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M41.543%20697.833L-50.0404%20789.417'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M224.71%20697.833L133.126%20789.417'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M224.71%20514.667L133.126%20606.25'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M41.543%20514.667L-50.0404%20606.25'%20stroke='%23B3D3FF'%20stroke-width='50'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;height:1099px;width:1099px;position:absolute;top:0;left:0;z-index:-1}#weatherInformation{display:none}