@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;900;1,100;1,400&display=swap);*{box-sizing:border-box;font-family:Montserrat Alternates,sans-serif;margin:0;padding:0}.dabba{background:linear-gradient(45deg,#00bcd4,#ffeb3b)}.app{background-image:url(/static/media/sun.c7586ced9270c16f9331.jpeg);background-position:bottom;background-size:cover;border-radius:30px;margin:0 auto;max-width:400px;transition:.5s ease-in}.app .clouds{background-image:url(/static/media/clouds.05f57161a9923715e53d.jpeg)}.app .haze{background-image:url(/static/media/haze.55162fa0ef9ef728880f.jpg)}.app .mist{background-image:url(/static/media/mist.0011eb2100cad918effe.jpeg)}.app .rain{background-image:url(/static/media/rain.f5229aed091e85e3a0eb.jpeg)}.app .snow{background-image:url(/static/media/snow.96fbac57ebfa7f527d66.jpeg)}.app .sun{background-image:url(/static/media/sun.c7586ced9270c16f9331.jpeg)}.app .thunder{background-image:url(/static/media/thunderstorm.f4f52e68c1bdfbfc7795.jpeg)}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));border-radius:30px;min-height:100vh;padding:25px}.search-box{margin:0 0 75px;width:100%}.search-box .search-bar{-webkit-appearance:none;appearance:none;background:none;background-color:hsla(0,0%,88%,.5);border:none;border-radius:0 0 16px 16px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;display:block;font-size:1.5rem;margin-top:-25px;outline:none;padding:15px;transition:.5s ease-in;width:100%}.search-box .search-bar:focus{background-color:rgba(25,25,25,.75);color:#fff}.loaction-box .location{color:#fff;font-size:3rem;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.loaction-box .date{color:#fff;font-size:1.5rem;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.weather{text-align:center}.weather-box .temp{background-color:hsla(0,0%,88%,.2);border-radius:16px;box-shadow:3px 6px rgba(0,0,0,.2);color:#fff;font-size:6.5rem;font-weight:900;margin:30px auto;padding:15px 25px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#fff;font-size:3rem;font-weight:600;text-shadow:3px 3px rgba(50,50,70,.5)}
/*# sourceMappingURL=main.a7f0c495.css.map*/