@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}.App{font-family:"Roboto",sans-serif;height:100vh}.App.Light{background-color:#36096d;background-image:linear-gradient(315deg,#36096d,#37d5d6 74%)}.App.Dark{background-color:#000;background-image:linear-gradient(147deg,#000,#2c3e50 74%);color:#fff}.card.Dark{background-color:#1b1b1b;color:#fff}.box{margin-top:100px}.form{display:flex;justify-content:center}.form input{padding:0 10px}.form button{margin:0 10px}.card{margin-top:50px;box-shadow:0 20px 30px -10px #26394d;text-align:center;background-image:linear-gradient(0deg,#30cfd0 0,#330867)}.card img{margin-left:auto;margin-right:auto;width:30%}.card .place{font-size:1.2rem;font-weight:500;margin:10px 0}.card .desc{font-size:.9rem;font-weight:500}.card .temp{font-size:4rem;font-weight:500}.whp{margin:20px}.whp .title{font-size:.8rem}.whp .data{font-size:1.5rem;font-weight:500}.whp .unit{font-size:.8rem}.toggle-theme{position:fixed;top:10px;right:10px}.heading{margin-top:30px}
/*# sourceMappingURL=main.e50fcaad.chunk.css.map */