*{box-sizing:border-box}html{height:100vh}body{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100%}#root{background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;flex-grow:1}.light{background:linear-gradient(to bottom,#0af,#fff)}.dark{background:linear-gradient(to bottom,#001848,#091150,#020058)}header{align-items:center;display:flex;color:#fff;flex-direction:row;justify-content:space-between}._titleContainer_15hft_9{align-items:center;display:flex;flex-direction:row;text-align:center;text-transform:uppercase}._imgContainer_15hft_17{margin:0 16px}._logo_15hft_21,._icon_15hft_22{height:auto;width:32px}._modeContainer_15hft_27{margin-right:8px;margin-top:8px}._modeContainer_15hft_27 img{border-radius:10px;padding:8px}._modeContainer_15hft_27 img:hover{border:solid 2px #000;cursor:pointer}._dark_15hft_42{background-color:#fff}@media screen and (max-width: 767px){._titleContainer_15hft_9{margin-top:8px;order:0}._titleContainer_15hft_9 h1{display:none}._dateContainer_15hft_56{margin-top:8px}._modeContainer_15hft_27{display:flex;order:3}._logo_15hft_21,._icon_15hft_22{width:38px}}._links_18u69_1{color:#fff;display:flex;list-style:none;justify-content:space-evenly;padding:0}li{font-weight:700;text-transform:capitalize}li:hover{cursor:pointer;text-decoration:underline}._dark_18u69_19{background:linear-gradient(to bottom,#001848,#091150,#020058)}._indexWeather_qdmu7_1,._popularCities_qdmu7_2,._weatherFacts_qdmu7_3{display:flex;justify-content:center;flex-grow:1}._indexWeather_qdmu7_1{align-items:center;flex-direction:column;margin:auto;width:80%}._indexWeather_qdmu7_1 img{height:250px;width:40%}._popularCities_qdmu7_2{flex-direction:row;flex-wrap:wrap;margin:auto;width:80%}._popularCities_qdmu7_2 img{height:200px;margin-top:16px;width:100%}._weatherFacts_qdmu7_3{align-items:center;flex-direction:column}._weatherFacts_qdmu7_3 img{width:60%}._choiceContainer_qdmu7_43{text-align:center;width:50%}._choiceContainer_qdmu7_43 h3{color:#fff}._choiceButtonContainer_qdmu7_52{display:flex;justify-content:space-around}._choiceButtonContainer_qdmu7_52 button{border:solid 1px white;border-radius:10px;box-shadow:0 3px 4px #bfbfbfd6;margin:16px;padding:8px;width:15%}._choiceButtonContainer_qdmu7_52 button:hover{background-color:#eaeaeaea;cursor:pointer;font-weight:700}._randomFact_qdmu7_72{background-color:#75d1f088;border:solid 1px white;border-radius:10px;box-shadow:0 5px 6px -1px #bfbfbfd6;color:#fff;margin-top:24px;padding:16px;text-align:center;width:60%}._indexWeather_qdmu7_1 ._cityCard_qdmu7_84{width:40%}._popularCities_qdmu7_2 ._cityCard_qdmu7_84{flex:0 0 calc(33% - 48px)}._cityCard_qdmu7_84{border-radius:10px;box-shadow:0 5px 6px -1px #bfbfbfd6;color:#fff;margin:24px;padding:32px;text-align:center}._infoCity_qdmu7_101{font-size:2rem;margin:8px}._infoTemp_qdmu7_106{font-size:5.5rem;font-weight:700;margin:8px}._infoCondition_qdmu7_112{font-weight:500;margin:auto;text-transform:capitalize;width:50%}._sunny_qdmu7_119,._mostly-sunny_qdmu7_120{background-color:#0af}._cloudy_qdmu7_124,._windy_qdmu7_125,._foggy_qdmu7_126,._partly-cloudy_qdmu7_127{background:linear-gradient(to bottom,#9e9e9e,#d3d3d3)}._rainy_qdmu7_131,._stormy_qdmu7_132,._thunderstorm_qdmu7_133{background:linear-gradient(to bottom,#2c3e50,#34495e)}._snowy_qdmu7_137,._blizzard_qdmu7_138,._icy_qdmu7_139{background:linear-gradient(to bottom,#b3e5fc,#e6e6e6a4)}@media screen and (max-width: 767px){._popularCities_qdmu7_2,._infoCondition_qdmu7_112{width:100%}._indexWeather_qdmu7_1 img{height:200px;width:50%}._popularCities_qdmu7_2 img{height:150px;margin:16px}._weatherFacts_qdmu7_3 img{width:90%}._indexWeather_qdmu7_1 ._cityCard_qdmu7_84{width:60%}._popularCities_qdmu7_2 ._cityCard_qdmu7_84{flex:0 0 calc(50% - 32px);margin:8px;padding:8px}._infoCity_qdmu7_101{font-size:1.5rem}._infoTemp_qdmu7_106{font-size:4.5rem;font-weight:700;margin:8px}._choiceContainer_qdmu7_43{width:100%}._choiceButtonContainer_qdmu7_52 button{width:33%}._randomFact_qdmu7_72{width:80%}}@media screen and (max-width: 1024px){._indexWeather_qdmu7_1,._popularCities_qdmu7_2{width:100%}._popularCities_qdmu7_2 img{height:200px;margin:16px}._infoCity_qdmu7_101{font-size:1.5rem}._infoTemp_qdmu7_106{font-size:4.5rem}._choiceContainer_qdmu7_43{width:70%}}._logos_18l9w_1{border-radius:10px;margin:0 8px;padding:2px}._logos_18l9w_1:hover{border:solid 2px #333;cursor:pointer}._dark_18l9w_12{background-color:#fff}._footer_1wath_1{align-items:center;color:#333;display:flex;justify-content:space-around}._contacts_1wath_8 span{font-weight:700}._dark_1wath_12{color:#fff}@media screen and (max-width: 768px){._footer_1wath_1{padding:16px}._contacts_1wath_8{font-size:.9rem}._socials_1wath_26{display:flex}}