*{box-sizing:border-box;margin:0;padding:0}body{font-family:montseratt,sans-serif}.app{background-image:url(/static/media/homepic.18e046452d1b49a4332a.webp);background-position:bottom;background-size:cover;transition:.6s ease-out}.app.rain{background-image:url(/static/media/rain.a56d3946f95c7df3dba5.webp)}.app.clear{background-image:url(/static/media/clear.62410ae3e0abc8e11d42.webp)}.app.cloudy{background-image:url(/static/media/cloudy.d0908c292d593c04f462.jpg)}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));min-height:100vh;padding:25px}.search-box{margin:0 0 75px;width:auto}.search-box .search-bar{-webkit-appearance:none;appearance:none;background:none;background-color:rgba(255,255,99,.5);border:none;border-radius:0 0 16px 16px;box-shadow:0 5px rgba(0,0,0,.2);color:#000;display:block;font-size:20px;margin-top:-25px;outline:none;padding:15px;transition:.4s ease;width:100%}.search-box .seach-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{color:bisque;font-size:32px;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{color:bisque;font-size:20px;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.weather-box{text-align:center}.weather-box .temp{background-color:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:3px 6px rgba(0,0,0,.2);color:#fffaf0;display:inline-block;font-size:40px;font-weight:900;margin:30px auto;padding:10px 20px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#fffaf0;font-size:48px;font-weight:700}.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)}}
/*# sourceMappingURL=main.0d2479d1.css.map*/