*{box-sizing:border-box}#root,.App,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#bg-image{background-image:url(/static/media/bg-image.fd8b3a3e1a42dcde8f49.jpg);-webkit-filter:blur(3px);filter:blur(3px);height:100%;position:absolute;width:100%;z-index:-999}#bg-image,.logo{background-position:50%;background-repeat:no-repeat;background-size:cover}.logo{background-image:url(/static/media/logo.1b51f69b1f41127d486b.png);height:180px;width:180px}#temp-container,#wind-container{display:flex;flex-wrap:wrap;height:auto;padding:1rem;width:100%}#temp-container>div,#wind-container>div{align-items:center;display:flex;flex-basis:33.333%;flex-shrink:0;font-family:Inter;font-style:normal;font-weight:700;height:100%;justify-content:center;line-height:normal}#temp-container div:first-child{background-color:#f28500;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);font-size:64px;padding:1rem}.min-max{font-size:40px}.curr-temp{display:flex;flex-direction:column;justify-content:center}.category{align-items:center;display:flex;font-size:40px;font-weight:700;justify-content:space-evenly;margin:1rem auto;width:95vw}.category span{border:1px solid #000;margin:5px 0 0 15px;width:100%}#wind-container{font-size:40px}.loader{height:100%;width:100%}#loc-box,.loader{align-items:center;display:flex;justify-content:center}#loc-box{height:100px;margin-top:3rem}#loc-box>*{background:#f28500;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);flex-basis:40%;height:100%}#loc-box>div,#loc-box>form{align-items:center;display:flex;font-family:Inter;font-size:1.5em;font-weight:500;padding:1rem}#loc-box>form{justify-content:center}#loc-box input{border:none;border-radius:7px;height:50%;margin:1rem;outline:none;padding-left:5px}#loc-box button{border:none;border-radius:7px;cursor:pointer;height:50%;transition:all .5s ease}#loc-box button:hover{box-shadow:10px 10px 5px 0 rgba(0,0,0,.75)}@media (max-width:820px){*{font-size:.8em}#loc-box{font-size:1.5em}}@media (max-width:586.4px){#loc-box>*{flex-basis:60%}#temp-container>div,#wind-container>div{flex-basis:40%;margin:.4rem}}@media (max-width:508px){#temp-container,#wind-container{flex-direction:column}#temp-container>div,#wind-container>div{margin:1rem 0}.logo{background-size:contain;width:100%}}
/*# sourceMappingURL=main.c4c9bbda.css.map*/