header{color:#343a40}.btn{border-radius:5px;border:2px solid #1fc8db;color:#1fc8db}.btn:hover{background-image:linear-gradient(141deg,#9fb8ad,#1fc8db 51%,#2cb5e8 75%);border-color:#1fc8db;color:#fff}.mainWeatherCard{border:1px solid #ccc;border-radius:5px;background-color:#343a40}.mainWeatherCard .temp,.mainWeatherCard h1,.mainWeatherCard h3,.mainWeatherCard h4{color:#fff}.mainWeatherCard h1 span{font-size:3rem}.mainWeatherCard .icon,.mainWeatherCard .temp{font-size:15rem}@media (max-width:576px){.mainWeatherCard .temp{font-size:8rem}.mainWeatherCard .icon{font-size:10rem}}@media (max-width:476px){.mainWeatherCard .temp,.mainWeatherCard h1,.mainWeatherCard h3,.mainWeatherCard h4{font-size:1rem;color:#fff}.mainWeatherCard h1 span{font-size:2rem}.mainWeatherCard .temp{font-size:5rem}.mainWeatherCard .icon{font-size:6rem}}.mainWeatherList .smallf{font-size:.7rem}.fa-bolt{color:#7b68ee}.fa-cloud-rain,.fa-cloud-showers-heavy{color:#ccc}.fa-snowflake{color:#87ceeb}.fa-smog{color:#ccc}.fa-wind{color:#87ceeb}.fa-sun{color:#ffe4b5}.fa-cloud{color:#ccc}
/*# sourceMappingURL=main.fa1162b4.chunk.css.map */