@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{font-family:Jost,sans-serif;margin:0;padding:0}body{background-color:#f0f8ff}.container{display:flex;flex-direction:column;height:100vh;position:relative}.container .box{background-color:skyblue;display:flex;height:70px}.box .inputData{align-self:center;margin-left:auto;margin-right:40px}.box .logo{display:flex;margin-left:40px}.box .logo .logo-name,.box .logo .logo-pic{font-size:40px}.box .inputData .inputFeild{border-radius:8px;display:flex;font-size:30px;font-weight:700;height:40px;padding-left:10px}.container .card{top:100px}.container .card,.container .info{align-items:center;display:flex;height:500px;justify-content:center;position:relative}.container .info{background-color:beige;flex-direction:column;width:400px}.info .condition{font-size:50px;margin-bottom:50px}.info .cloud{color:gray}.info .cloud,.info .sun{font-size:100px;margin-bottom:15px}.info .sun{color:coral}.info .rain{color:blue}.info .haze,.info .rain{font-size:100px;margin-bottom:15px}.info .haze{color:brown}.info .bolt{color:skyblue;font-size:100px;margin-bottom:15px}.info .location{font-size:30px;margin-bottom:20px}.info .temp{font-size:50px}.info .tempmin_max{font-size:20px}
/*# sourceMappingURL=main.5c6f32c1.css.map*/