body{background-image:url(/src/assets/bg/cloud-drizzle.svg);background-size:40%;background-repeat:no-repeat;background-position-y:-55px;font-family:Inter,sans-serif;color:#0065f2;background-color:#ebf3fe;width:1365px;margin:0 auto}header{padding:20px}a{text-decoration:none;outline:none}.CitiesListItem--selected{padding:20px;border-radius:10px;background-color:#0065f2;color:#ebf3fe;display:flex;justify-content:space-between;margin-bottom:20px}.CitiesListItem--unselected{padding:20px;border-radius:10px;background-color:#ebf3fe;color:#0065f2;display:flex;justify-content:space-between;margin-bottom:20px}h1{font-size:56px;text-transform:uppercase;text-align:center;letter-spacing:-1px;line-height:.8}p{font-size:18px;text-align:center}.Black900-text{font-weight:900}.Semibold600-text{font-weight:600}.MainContainer{padding:20px;display:flex;min-height:fit-content;background-color:transparent}.MainContainer .Sidebar{padding:25px;margin-right:15px;border-radius:20px;flex:1;background-color:#fff}.MainContainer .Sidebar ul{padding:0}.MainContainer .TownSearchForm{display:flex;border-radius:5px;gap:10px}.MainContainer input{padding:14px;width:70%;background-color:#ebf3fe;border:none;border-radius:5px;color:#0065f2;font-size:18px;line-height:.8}.MainContainer button{padding:14px;cursor:pointer;border:none;border-radius:5px;font-size:18px;line-height:.8;transition:background-color .3s,color .3s}.MainContainer .CitySubmit{background-color:#0065f2;color:#ebf3fe}.MainContainer .TownListItem{margin-bottom:10px;padding:15px;height:30px;line-height:30px;border-radius:20px;text-align:left;background-color:#ebf3fe;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.MainContainer .TownListItem .delete{font-size:18px}.MainContainer .TownListItem--selected,.MainContainer .TownListItem:hover{background-color:#0065f2}.MainContainer .TownListItem--selected a,.MainContainer .TownListItem:hover a{color:#ebf3fe}.Content{padding:30px;border-radius:20px;border:none;flex:2;background-color:#fff}.Content .SelectedLocation{margin:0;padding:0;display:flex;align-items:flex-start;align-items:center;background-color:transparent;border-bottom:1px solid #0065F2}.Content .SelectedLocation .TextPOI{flex:15;margin:0;padding:15px;font-size:22px;font-weight:700;border:none;background-color:transparent}.Content .WeatherToday{margin:0;padding:15px;display:Flex;border:none;border-radius:20px;background-color:transparent;min-height:200px}.Content .WeatherToday .IconWeatherToday{display:flex;height:375px;flex:1;margin:0 10px 0 0;padding:0;align-items:center;justify-content:center;border:none;border-radius:20px;background-color:#ebf3fe}.Content .WeatherToday .DescriptionWeatherToday{flex:1;margin:0 0 0 10px;padding:0;border:none;border-radius:20px;background-color:transparent;display:flex;flex-direction:column;justify-content:center}.Content .WeatherToday .DescriptionWeatherToday p{margin-bottom:5px}.Content .WeatherToday .DescriptionWeatherToday .WTline1,.Content .WeatherToday .DescriptionWeatherToday .WTline2,.Content .WeatherToday .DescriptionWeatherToday .WTline3{font-size:24px;text-align:left;line-height:5px;font-weight:400;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:center;font-size:1.2rem;line-height:1.4}.Content .WeatherToday .DescriptionWeatherToday .WTline2{font-size:40px;font-weight:700}.Content .WeatherToday .DescriptionWeatherToday .WTline3{font-size:32px;font-weight:600}.Content .WeatherNextFourDays{margin:0;padding:20px;display:Flex;border:none;background-color:transparent}.Content .WeatherNextFourDays .WeatherForecast{display:flex;flex-direction:column;flex:1;margin:5px;padding:0;border-radius:20px;border:none;background-color:#ebf3fe;line-height:5px}.Content .WeatherNextFourDays .WeatherForecast .WFline1{font-size:16px;font-weight:400;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:center;font-size:1.2rem;line-height:1.4}.Content .WeatherNextFourDays .WeatherForecast img{height:75px;margin:0 auto;background-repeat:no-repeat;background-size:25%;background-position:center;border:none;background-color:#ebf3fe;align-content:center}.Content .WeatherNextFourDays .WeatherForecast .WFline2{font-size:16px;font-weight:700;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:center;font-size:1.2rem;line-height:1.4}.Content .WeatherNextFourDays .WeatherForecast .WFline3{font-size:22px;font-weight:700;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:center;font-size:1.2rem;line-height:1.4}.CitiesList{display:flex;flex-direction:column;gap:10px}.CitiesListItem--selected{background-color:#0065f2;color:#ebf3fe}.CitiesListItem--unselected{background-color:#ebf3fe;color:#0065f2}.town-button{width:100%;text-align:left;padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}#CitiesListID ul{padding:0;list-style:none}@media (max-width: 550px){body{margin:0 auto;width:450px}h1{display:flex;flex-direction:column;font-size:40px}span{padding:8px}.MainContainer{display:flex;flex-direction:column}.MainContainer .Sidebar{margin:0 0 30px}.MainContainer .Content .SelectedLocation{text-align:center}.MainContainer .Content .WeatherToday{display:flex;flex-direction:column}.MainContainer .Content .WeatherToday .IconWeatherToday,.MainContainer .Content .WeatherToday .DescriptionWeatherToday{margin:0}.MainContainer .Content .WeatherNextFourDays{display:grid;grid-template-columns:repeat(1,1fr)}}