@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";header{text-align:center;margin-bottom:56px}header h1{font-size:56px;font-weight:900;line-height:60px;margin:81px 0 24px}header h1 span{font-weight:600}header p{font-size:18px}.search{width:434px;height:748px}.search input{padding:12px 16px;border:none;background-color:#ebf3fe;border-radius:10px}.search input::placeholder{color:#0065f2;line-height:24px;opacity:50%}.search button{padding:12px 22.55px;background-color:#0065f2;color:#fff;border-radius:10px;border:none}.search li{list-style:none;font-size:18px;font-weight:700;background-color:#ebf3fe;padding:20px;margin-bottom:20px;border-radius:10px;position:relative}.search li img{position:absolute;right:20px}.search li:hover{background-color:#0065f2;color:#fff}.city{display:flex;flex-direction:column;gap:20px;width:912px;height:748px}.city_name h2{font-size:22px;font-weight:700;display:inline;padding-left:20px}.city_name hr{height:1px;border-width:0;background-color:#0065f2}.city_today{display:flex;gap:40px;box-shadow:7px 4px 23px #0000000d}.city_today img{background-color:#ebf3fe;padding:70px 90px;border-radius:10px}.city_today_info{display:flex;flex-direction:column;justify-content:center;gap:20px}.city_today_date{font-size:24px}.city_today_message{font-size:40px;font-weight:700}.city_today_temperature{font-size:32px;font-weight:600}.city_week{display:flex;justify-content:space-between}.city_week_card{background-color:#ebf3fe;padding:20px;text-align:center;width:200px}.city_week_card .bold{font-weight:700}.city_week_card .temperature{font-size:22px}*{box-sizing:border-box}body{background-color:#ebf3fe;color:#0065f2;font-family:Inter,sans-serif;font-size:16px;line-height:28px;font-weight:400}body:before{content:"";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");position:absolute;top:0;left:0;width:1099px;height:1099px;background-size:auto;background-repeat:no-repeat;z-index:-1}h1,h2,h3,h4,h5,h6,p{margin:0}div{border-radius:10px}ul{padding:0}main{display:flex;gap:40px;width:1386px;margin:auto}div.search,div.city{background-color:#fff;padding:30px}