@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap);.App{font-family:"Rubik",sans-serif;width:100%;height:100%}.App .wrapper{width:100vw;height:100vh;display:flex;flex-direction:column}.App .wrapper .title{flex:2 1}.App .wrapper .title .bg{width:100%;height:100%;background-image:url(/static/media/pattern-bg.a60a3c85.png);background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center}.App .wrapper .title .bg .head-text{font-size:32px;color:#fff;font-weight:500;margin:40px 0 30px}.App .wrapper .title .bg .inputIp{position:relative;width:30%;height:20%}.App .wrapper .title .bg .inputIp input{width:100%;height:100%;border:none;border-radius:10px;padding-left:20px;font-size:16px}.App .wrapper .title .bg .inputIp .submit{display:flex;align-items:center;justify-content:center;width:60px;height:100%;background-color:#000;color:#fff;position:absolute;right:-20px;top:0;border-radius:0 10px 10px 0;cursor:pointer}.App .wrapper .title .bg .content{z-index:999;background-color:#fff;width:70%;height:15%;display:flex;align-items:center;justify-content:space-around;position:absolute;top:calc(33.33333vh - 8%);border-radius:15px}.App .wrapper .title .bg .content div{height:80%;width:25%;display:flex;flex-direction:column}.App .wrapper .title .bg .content div .topic{margin:10px 0 10px 30px;font-size:12px;color:#969696;font-weight:700}.App .wrapper .title .bg .content div .value{margin-left:30px;font-size:22px;color:#2b2b2b;width:60%;font-weight:500}.App .wrapper .title .bg .content .line{width:2px;height:60%;background-color:hsla(0,0%,58.8%,.3)}.App .wrapper .map{flex:4 1}.App .wrapper .map .leaflet-container{width:100%;height:100%}@media screen and (max-width:375px){.App .wrapper .title .bg .inputIp{margin-right:25px;width:80%}.App .wrapper .title .bg .inputIp input{font-size:14px}.App .wrapper .title .bg .content{flex-direction:column;width:90%;height:35%}.App .wrapper .title .bg .content div{width:80%;height:-webkit-max-content;height:-moz-max-content;height:max-content;align-items:center}.App .wrapper .title .bg .content div .topic{margin:0 0 5px}.App .wrapper .title .bg .content div .value{margin:0;text-align:center;width:100%}.App .wrapper .title .bg .content .line{display:none}}
/*# sourceMappingURL=main.8112f330.chunk.css.map */