body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.container-element{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.dark-bg-image{background-image:url(https://st.depositphotos.com/7149512/58305/i/450/depositphotos_583055722-stock-photo-summer-ukrainian-thunderstorms-skies-storm.jpg);background-size:cover}.light-bg-image{background-image:url(https://media.istockphoto.com/id/1706192103/photo/sunset-photography.jpg?s=612x612&w=0&k=20&c=ZppbuJ9557MShDvwQXUFT4_nuyDFExnpSjxMOi4wSVQ=);background-size:cover}.form-container{align-items:center;border:2px solid #b2beb5;border-radius:10px;display:flex;flex-direction:column;height:50vh;width:60%}@media screen and (max-width:767px){.form-container{width:90%}}.search-container{background-color:#fff;border:none;border-radius:20px;display:flex;height:50px;justify-content:center;margin-top:20px;width:75%}@media screen and (max-width:767px){.search-container{width:90%}}.search-input-box{border:none;border-radius:20px;height:50px;margin-left:20px;margin-right:20px;width:80%}.icon-button-style,.search-input-box{background-color:initial;outline:none}.icon-button-style{border:none;cursor:pointer}.icon-style{margin-right:10px}.no-input-error-message{color:red;font-family:Times New Roman,Times,serif;font-size:18px;margin-right:250px;margin-top:10px}.weather-details-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;margin-top:10px;width:75%}@media screen and (max-width:767px){.weather-details-container{width:100%}}.dark-mode{color:orange;font-weight:600}.light-mode{color:#fff;font-weight:600}.city-and-date-container{display:flex;justify-content:space-around;width:100%}.city-and-country-container{align-items:center;display:flex}.city-name-style{font-family:Georgia,Times New Roman,Times,serif;font-size:30px}@media screen and (max-width:767px){.city-name-style{font-size:20px}}@media screen and (max-width:991px){.city-name-style{font-size:20px}}.icon-style{font-size:30px}@media screen and (max-width:767px){.icon-style{font-size:20px;margin-right:5px}}@media screen and (max-width:991px){.icon-style{font-size:20px;margin-left:5px}}.date-container{align-items:center;display:flex;justify-content:center}.date-style{font-size:24px;margin-right:10px}@media screen and (max-width:767px){.date-style{font-size:16px}}@media screen and (max-width:991px){.date-style{font-size:16px}}.temperature-container{align-items:center;display:flex;justify-content:center;padding-right:20px;width:100%}.outer-container-style{display:flex;justify-content:space-around;margin-top:10px;width:100%}.inner-container-style{align-items:center;display:flex;justify-content:center;width:50%}.font-styling{font-size:20px}@media screen and (max-width:767px){.font-styling{font-size:14px}}@media screen and (max-width:991px){.font-styling{font-size:14px}}.failure-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.failure-image{height:150px;width:300px}.api-failure-error-message{color:red;font-size:18px}@media screen and (max-width:767px){.failure-image{height:120px;width:250px}.api-failure-error-message{font-size:14px}}
/*# sourceMappingURL=main.703951c3.css.map*/