body{background-image:url(/icons/Pluie/pluie-fond.svg);background-size:50%;background-repeat:no-repeat;background-position-x:-300px;background-position-y:-215px;font-family:Inter,sans-serif;color:#0065f2;background-color:#eaf3ff}header{padding:20px}a{text-decoration:none;outline:none}.fa-trash{color:#960202;padding:15px}.fa-trash:hover{color:#eaf3ff}.CitiesListItem--selected{padding:20px;border-radius:10px;background-color:#0065f2;color:#eaf3ff;display:flex;justify-content:space-between;margin:20px 0}.CitiesListItem--unselected{flex-direction:row;padding:20px;border-radius:10px;background-color:#eaf3ff;color:#0065f2;display:flex;justify-content:space-between;margin:20px 0}h1{font-size:56px;text-transform:uppercase;text-align:center;letter-spacing:-1px;line-height:.8}p{font-size:18px;text-align:center}p.delete{color:#960202;padding:15px}p.delete:hover{color:#eaf3ff}.Black900-text{font-weight:900}.Semibold600-text{font-weight:600}.MainContainer{padding:20px;display:flex;width:1365px;margin:0 auto;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:#eaf3ff;border:none;border-radius:5px;color:#0065f2;font-size:18px;line-height:.8}.MainContainer button{padding:14px;width:30%;background-color:#0065f2;color:#eaf3ff;cursor:pointer;border:none;border-radius:5px;font-size:18px;line-height:.8;transition:background-color .3s,color .3s}.MainContainer .TownListItem{margin-bottom:10px;padding:15px;height:30px;line-height:30px;border-radius:20px;text-align:left;background-color:#eaf3ff;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:#eaf3ff}.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}.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:#eaf3ff}.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}.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 .WeatherForecast1,.Content .WeatherNextFourDays .WeatherForecast2,.Content .WeatherNextFourDays .WeatherForecast3,.Content .WeatherNextFourDays .WeatherForecast4{display:flex;flex-direction:column;flex:1;margin:5px;padding:0;border-radius:20px;border:none;background-color:#eaf3ff;line-height:5px}.Content .WeatherNextFourDays .WeatherForecast1 .WFline1D1,.Content .WeatherNextFourDays .WeatherForecast1 .WFline1D2,.Content .WeatherNextFourDays .WeatherForecast1 .WFline1D3,.Content .WeatherNextFourDays .WeatherForecast1 .WFline1D4,.Content .WeatherNextFourDays .WeatherForecast2 .WFline1D1,.Content .WeatherNextFourDays .WeatherForecast2 .WFline1D2,.Content .WeatherNextFourDays .WeatherForecast2 .WFline1D3,.Content .WeatherNextFourDays .WeatherForecast2 .WFline1D4,.Content .WeatherNextFourDays .WeatherForecast3 .WFline1D1,.Content .WeatherNextFourDays .WeatherForecast3 .WFline1D2,.Content .WeatherNextFourDays .WeatherForecast3 .WFline1D3,.Content .WeatherNextFourDays .WeatherForecast3 .WFline1D4,.Content .WeatherNextFourDays .WeatherForecast4 .WFline1D1,.Content .WeatherNextFourDays .WeatherForecast4 .WFline1D2,.Content .WeatherNextFourDays .WeatherForecast4 .WFline1D3,.Content .WeatherNextFourDays .WeatherForecast4 .WFline1D4{font-size:18px;font-weight:400;text-align:center}.Content .WeatherNextFourDays .WeatherForecast1 img,.Content .WeatherNextFourDays .WeatherForecast2 img,.Content .WeatherNextFourDays .WeatherForecast3 img,.Content .WeatherNextFourDays .WeatherForecast4 img{height:75px;margin:0 auto;background-repeat:no-repeat;background-size:25%;background-position:center;border:none;background-color:#eaf3ff;align-content:center}.Content .WeatherNextFourDays .WeatherForecast1 .WFline2D1,.Content .WeatherNextFourDays .WeatherForecast1 .WFline2D2,.Content .WeatherNextFourDays .WeatherForecast1 .WFline2D3,.Content .WeatherNextFourDays .WeatherForecast1 .WFline2D4,.Content .WeatherNextFourDays .WeatherForecast2 .WFline2D1,.Content .WeatherNextFourDays .WeatherForecast2 .WFline2D2,.Content .WeatherNextFourDays .WeatherForecast2 .WFline2D3,.Content .WeatherNextFourDays .WeatherForecast2 .WFline2D4,.Content .WeatherNextFourDays .WeatherForecast3 .WFline2D1,.Content .WeatherNextFourDays .WeatherForecast3 .WFline2D2,.Content .WeatherNextFourDays .WeatherForecast3 .WFline2D3,.Content .WeatherNextFourDays .WeatherForecast3 .WFline2D4,.Content .WeatherNextFourDays .WeatherForecast4 .WFline2D1,.Content .WeatherNextFourDays .WeatherForecast4 .WFline2D2,.Content .WeatherNextFourDays .WeatherForecast4 .WFline2D3,.Content .WeatherNextFourDays .WeatherForecast4 .WFline2D4{font-size:16px;font-weight:700;text-align:center}.Content .WeatherNextFourDays .WeatherForecast1 .WFline3D1,.Content .WeatherNextFourDays .WeatherForecast1 .WFline3D2,.Content .WeatherNextFourDays .WeatherForecast1 .WFline3D3,.Content .WeatherNextFourDays .WeatherForecast1 .WFline3D4,.Content .WeatherNextFourDays .WeatherForecast2 .WFline3D1,.Content .WeatherNextFourDays .WeatherForecast2 .WFline3D2,.Content .WeatherNextFourDays .WeatherForecast2 .WFline3D3,.Content .WeatherNextFourDays .WeatherForecast2 .WFline3D4,.Content .WeatherNextFourDays .WeatherForecast3 .WFline3D1,.Content .WeatherNextFourDays .WeatherForecast3 .WFline3D2,.Content .WeatherNextFourDays .WeatherForecast3 .WFline3D3,.Content .WeatherNextFourDays .WeatherForecast3 .WFline3D4,.Content .WeatherNextFourDays .WeatherForecast4 .WFline3D1,.Content .WeatherNextFourDays .WeatherForecast4 .WFline3D2,.Content .WeatherNextFourDays .WeatherForecast4 .WFline3D3,.Content .WeatherNextFourDays .WeatherForecast4 .WFline3D4{font-size:22px;font-weight:700;text-align:center}@media only screen and (max-width: 550px){body{flex:0;display:flex;flex-direction:column;margin:0 auto;max-width:100vw;align-items:center}body header{padding:10px;display:flex;flex-direction:column;align-items:center;max-width:100vw;left:5}body header h1{font-size:24px;display:flex;justify-content:center;align-items:baseline;max-width:80%}body header h1 .Black900-text{font-size:34px}body header p{font-size:14px}main{max-width:100vw;display:flex;flex-direction:column}main .MainContainer{margin:0;padding:10px}main .MainContainer .Sidebar{margin:0 0 15px;display:flex;flex-direction:column;padding:20px;min-width:90%}main .WeatherToday{display:flex;flex-direction:column}main .WeatherToday .DescriptionWeatherToday{align-items:center}main .WeatherNextFourDays{display:flex;flex-direction:column}}