@import url(https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital@1&display=swap);*{margin:0;padding:0;box-sizing:border-box}.App{text-align:center;position:relative;top:5rem;font-family:"STIX Two Text",serif}.App.dark{background-color:#000;color:#fff}.form{margin-top:100px;display:flex;justify-content:center}.form input{padding:0 10px}.form button{margin:0 10px}.card.dark{background-color:#1b1b1b;color:#fff}.card{border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.024),0 1px 0 0 rgba(0,0,0,.05),0 0 8px 0 rgba(0,0,0,.03),0 20px 30px 0 rgba(0,0,0,.1);margin-top:50px}.weather{text-align:center}.card img{width:30%;margin-top:20px}.card .place{font-size:1.8rem;font-weight:500;opacity:.8;margin:10px 0}.card .temp{font-size:4rem;font-weight:500;margin-left:30.39px}.whp{display:flex;margin:20px 0}.whp .title{font-size:.8rem}.whp .data{font-size:1.5rem;font-weight:500}.card .desc,.whp .data .unit{font-size:.8rem}.card .desc{font-weight:500}.toggle_theme{position:fixed;top:10px;right:10px}
/*# sourceMappingURL=main.38029ca8.chunk.css.map */