@import url(https://fonts.googleapis.com/css2?family=Play:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Play:wght@700&family=Rokkitt:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shrikhand&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}*{margin:0;padding:0;box-sizing:border-box}.weather{background-image:url(/static/media/Morning.4b865499.jpg)}.weather,.weather-night{background-size:cover;background-position:50%;transition:.4s ease-out}.weather-night{background-image:url(/static/media/Night.9f10339b.jpg)}main{min-height:100vh;background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));padding:25px}.search-box{width:100%;margin:0 0 75px}.search-box .search-bar{display:block;width:100%;padding:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:hsla(0,0%,100%,.5);border-radius:25px;margin-top:5px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;font-size:20px}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-container .location{font-family:"Play",sans-serif;color:#f0f8ff;font-size:42px;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-container .Date{color:#fff;font-family:"Play",sans-serif;font-size:20px;font-weight:300;text-align:center;margin-top:20px;text-shadow:2px 2px rgba(50,50,70,.5)}.weather-box{text-align:center}.weather-box .temperature{font-family:"Rokkitt",serif;position:relative;display:inline-block;margin:30px auto;background-color:hsla(0,0%,100%,.2);border-radius:16px;padding:15px 25px;color:#fff;font-size:90px;font-weight:900;text-shadow:3px 3px rgba(50,50,70,.5);text-align:center;box-shadow:3px 6px rgba(0,0,0,.2)}.weather-box .weather-description{color:#fff;font-size:48px;font-weight:700px;font-family:"Shrikhand",cursive;text-shadow:3px 3px rgba(50,50,70,.5)}.wind-speed{color:#fff;margin-top:15px;font-size:20px;font-family:"Play",sans-serif}.row{display:flex;flex-direction:row;margin-top:20px}.column{flex:1 1;padding:.6rem}.wind-speed .speed{color:#fff;font-size:15px;margin-left:17px}.humidity{font-family:"Play",sans-serif;color:#fff;margin-top:15px;font-size:20px;padding:10px;text-align:right}.humidity .humid{color:#fff;margin-right:17px;font-size:15px}
/*# sourceMappingURL=main.410bea33.chunk.css.map */