body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:montseratt,sans-serif;overflow:hidden}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));min-height:100vh;padding:25px}.App{background-image:url(/static/media/cold-bg.a3f3f533d3caea133b5f.jpg);background-repeat:no-repeat;background-size:cover}.warm{background-image:url(/static/media/warm-bg.a7f83012aa30f33e19ee.jpg)}.search-box{margin:0 0 75px;width:100%}.search-box .search-bar{-webkit-appearance:none;appearance:none;background:none;background-color:hsla(0,0%,100%,.5);border:none;border-radius:16px;box-shadow:0 2px hsla(0,0%,50%,.797);color:#000;display:block;font-size:larger;outline:none;padding:15px;width:95%}.location-box .location{font-size:32px;font-weight:500;text-align:center}.location-box .date,.location-box .location{color:#fff;text-shadow:2px 2px rgba(50,50,70,.5)}.location-box .date{font-size:20px;font-style:italic;font-weight:300}.weather-box .temp{background-color:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:3px 6px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:3rem;font-weight:900;margin:30px auto;padding:15px 25px;position:relative;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#fff;font-size:48px;font-weight:700;text-shadow:3px 3px rgba(50,50,70,.5)}.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.6b0f1bd2.css.map*/