body{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.8));color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;min-height:100vh;width:100%;line-height:1.35}body *{box-sizing:border-box;margin:0;padding:0}.container,.MyCityContainer{max-width:1100px;padding:0 30px;margin:0 auto;overflow:auto}h1{font-size:3rem}h1,h2{text-align:center}h2{font-size:2rem}a,a:hover{text-decoration:none;color:#f4f4f4}hr{margin:10px 0}header{border-bottom:1px solid #ddd}header nav{display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:1100px;margin:0 auto}header nav a{display:inline-block;padding:.5rem}header nav .Nav-Title{font-size:1.5rem;font-weight:600;cursor:pointer}header nav .NavItemContainer{display:flex;align-items:center;min-width:145px}header nav .NavItemContainer a:hover{color:#424242}header nav .NavItemContainer a:hover:before{position:relative;content:"";display:block;height:2px;width:100%;background-color:#333}header nav .NavItemContainer .Active{color:#424242}header nav .NavItemContainer .Active:before{position:relative;content:"";display:block;height:2px;width:100%;background-color:#333}.title{font-weight:600;text-shadow:4px 5px #757575;padding:2rem 1.5rem}form{margin-bottom:3rem;width:100%;display:flex}form .form-control{background-color:#c1c1c1;border:none;height:2.5rem;border-top-right-radius:0;border-bottom-right-radius:0}form .form-control:focus{background-color:#dbdbdb}form .btn{border-top-left-radius:0;border-bottom-left-radius:0;width:100px}.title-tag{text-shadow:2px 3px #757575}.error_msg{width:90%;max-width:500px;text-align:center}.error_msg,.spinner{position:absolute;margin:auto;left:0;right:0}.City,.CityDetail{border-radius:1rem;width:300px;padding:0 1.5rem .8rem;background-color:hsla(0,0%,100%,.2);box-shadow:3px 6px 1px rgba(0,0,0,.2);text-shadow:1px 2px rgba(50,50,70,.5);font-weight:500}.City_Head{display:flex;justify-content:space-between;align-items:center}.CityName{font-size:2rem;font-weight:800;text-shadow:2px 3px rgba(50,50,70,.5)}.WeatherDescription{display:flex;flex-direction:column;align-items:center}.CityContainer{display:flex;justify-content:center;margin-top:5%}.Temperature{font-size:5rem;font-weight:900;text-shadow:2px 4px rgba(50,50,70,.5)}.Button{height:40px;width:40px;border-radius:5px;margin-right:5px;outline:none;cursor:pointer}.TempContainer{flex-direction:column;justify-content:center}.TempCategories,.TempContainer{display:flex;align-items:center}.TempCategories{justify-content:space-evenly;margin-top:10px}.Date_Time{display:flex;justify-content:space-between;font-style:italic;grid-gap:1rem;gap:1rem}.WeatherCondition{font-size:2rem;font-weight:800;text-shadow:2px 3px rgba(50,50,70,.5)}.Description{text-align:center}.AddFav,.MoreDetails,.RemoveFav{text-align:center;cursor:pointer;margin:.5rem auto}.AddFav:hover,.MoreDetails:hover,.RemoveFav:hover{color:#ddd}.Icon{width:70px}.CityDetailContainer{width:90%;max-width:650px;margin:1rem auto 2rem}.CityDetail{border-radius:2rem;width:100%}.MoreDesc{display:-ms-grid;display:grid;justify-content:space-between;-ms-grid-columns:auto auto;grid-template-columns:auto auto;padding:0 10%}.DescDetails{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.Labels{color:#ddd}.MyCityContainer{display:flex;justify-content:flex-start;flex-direction:column;align-items:center;width:100%;padding:30px}.myCities{text-align:center;font-weight:700;color:#0d1136;font-size:30px;margin-bottom:1.5rem}.citiesContainer{display:flex;justify-content:center;grid-gap:1.5rem;gap:1.5rem;flex-wrap:wrap}.empty{text-align:center;font-weight:700;color:#77798c;margin:40px 15px}
/*# sourceMappingURL=main.d5268cef.chunk.css.map */