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;padding:0;transition:background-image 4s ease-in-out}body.night{background-color:#020f0d;background-image:url(/static/media/k6fjo5ie1tna1.e9cb42731889622d0fd5.jpg)}body.day,body.night{background-repeat:no-repeat;background-size:cover}body.day{background-color:#ffdfba;background-image:url(/static/media/day-background.416f6b317d27be581aaf.jpg)}#root{height:100vh;width:100%}.WeatherCardStyle{background:linear-gradient(0deg,#589187,#afdfaf);border-radius:10px;color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:120px;overflow:hidden;position:relative;width:300px}.WeatherCardStyle.sunny{background:url(/static/media/sunny.482682bde900f9cefbce.gif) no-repeat 50%;background-size:cover}.WeatherCardStyle.rainy{background:url(/static/media/rainy.cd0a671293e3bc2001b9.gif) no-repeat 50%;background-size:cover}.WeatherCardStyle .fetched-data{background-color:rgba(88,145,135,.705)}.WeatherCardStyle .clouds-animation{animation:cloudsMove ease-out linear 3000;background:url(/static/media/clouds.db4e4b3bfdca1b2dcb0b.gif) repeat-x;height:100%;left:-100%;position:absolute;top:0;width:200%}@keyframes cloudsMove{0%{left:-100%}to{left:100%}}.Weather-title{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;color:#f9fafa}.weather-btns,.weather-card{margin-bottom:20px}.btn{background-color:#589187;margin:15px 0 15px 5px}.btn,.city-input{border-radius:10px;font-size:1rem;padding:10px}.city-input{margin-bottom:10px;margin-top:20px}.header{background-color:rgba(87,117,112,.726);box-sizing:border-box;margin:0;padding:20px;position:relative;text-align:center;width:100%;z-index:1}.header-image{height:50px;max-width:100%}.cat-gif{animation:runCat 6s linear 1 forwards;bottom:0;height:auto;left:0;opacity:1;position:absolute;transform:translateY(13px);width:100px}@keyframes runCat{0%{opacity:0;transform:translateX(-100vw)}80%{opacity:1;transform:translateX(50vw)}to{opacity:0;transform:translateX(80vw)}}.cat-gif:after{content:"";display:none}.App{position:relative;text-align:center;transition:background-image .5s ease-in-out}.App.night{background-color:#020f0d;background-image:url(/static/media/k6fjo5ie1tna1.e9cb42731889622d0fd5.jpg)}.App.day,.App.night{background-repeat:no-repeat;background-size:cover}.App.day{background-color:rgba(218,154,82,.945);background-image:url(/static/media/day-background.416f6b317d27be581aaf.jpg)}.fog-overlay{align-items:center;background-color:#000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.fog-video{height:100%;object-fit:cover;width:100%}.App-header{margin-top:20px;opacity:0;transition:opacity 1s ease-in-out}.App-header h1{color:#fff}.App .show .App-header{opacity:1}.weather-cards-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.weather{margin:0;padding:0}.toggle-icon{color:#fff;cursor:pointer;font-size:2rem;position:fixed;right:40px;top:20px;z-index:99999}
/*# sourceMappingURL=main.41df9199.css.map*/