@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root,body,html{font:.9rem sans-serif;background:#0a1f44;color:#1e2432;height:100%;margin:0}.main-container{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.4)),url(/static/media/Weather-Blog-Image.2e46c78e.jpg);background-size:cover;background-position:50%}.logo{height:186px;width:192px;position:absolute;top:-40px;left:10px}.main-container{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.search{outline:none;padding:20px 7%;border-radius:20px;border:none;margin-bottom:10px}.city,.search{background:hsla(0,0%,98%,.85)}.city{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 8%;border-radius:20px;box-shadow:10px 10px 5px 0 rgba(15,15,15,.404)}p{text-transform:uppercase;letter-spacing:.05em}.city-temp,p{margin-top:10px}.city-temp{font-size:5rem;font-weight:700;color:#1e2432;text-align:center}.city sup{font-size:.5em}.city-name{font-size:2em}.city-name sup{padding:.2em .6em;margin-left:.2em;border-radius:30px;color:#fff;background:#ff8c00}.city-icon{width:80px;height:80px}.info{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:600px){.search{padding:20px 15%}.city{padding:40px 20%}}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}h1{color:#fff;font-weight:500;padding-top:70px;font-family:"Oleo Script",cursive;max-width:500px}.row{width:-webkit-fill-available;display:flex;flex-wrap:wrap;margin-right:0;margin-left:0}.card{color:#fff;border-radius:8px;display:block;margin:1rem;position:relative;align-items:left;max-width:380px;background:linear-gradient(315deg,#2b2b2b,#333)}.main-content{text-align:-webkit-center}.card-content{text-align:left;margin:24px 24px 8px}.card-title{-webkit-margin-after:0;margin-block-end:0;color:var(--text-color);padding:24px}.divButton{background:#fff;color:#000;border-radius:20px;padding:8px 32px;font-size:.85rem;font-weight:600}body{background-color:#303030;text-align:center;font-family:Montserrat}.hydrogen-card{background-color:#000;background-image:linear-gradient(387deg,#000,#414141);background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(https://images.unsplash.com/photo-1473116519190-356a1463fbcf?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTMwfHxzYW4lMjBmcmFuY2lzY298ZW58MHx8MHx8&ixlib=rb-1.2.1&q=60&w=700);background-size:cover;background-repeat:no-repeat;background-position:50%;border-color:#414141;border-width:1.5px}.chip{border-color:#707070;border-width:1.5px!important;border-style:solid;border-radius:3px;text-align:center;font-size:.9rem;padding:2px}.wind-icon{fill:#aaa;height:16px;width:16px}.wind-value{font-size:.8rem;display:inline-flex;margin-left:16px}.humidity-icon{fill:#aaa;height:16px;width:16px}.humidity-value{font-size:.8rem;display:inline-flex;margin-left:16px}.sun-icon{fill:#aaa;height:16px;width:16px}.sun-value{font-size:.8rem;display:inline-flex;margin-left:16px}.temperature{font-size:4rem;text-align:end}.rain-icon{height:100px;width:100px}.icon-vgradient{fill:url(#gradient-vertical)}#gradient-vertical{--color-stop-1:#00c3ff;--color-stop-2:#77e190;--color-stop-3:#ffff1c}.weather{text-align:center}.weather-description{margin:.3rem;display:block;color:#fff;font-size:2em;text-transform:capitalize}.main{margin:30px}
/*# sourceMappingURL=main.b7bfdd54.chunk.css.map */