*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Courier,monospace}.app{background-image:url(/static/media/pic1.44d74d221ce69e7f6f59.jpg);background-position:bottom;background-size:cover;transition:.5 ease-out}main{background-image:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.8));min-height:100vh;padding:26px}.search-box{margin:0 0 77px;width:100%}.search-bar{-webkit-appearance:none;appearance:none;background-color:#f0f8ff;border:none;border-radius:15px 15px 15px 15px;box-shadow:0 5px rgba(0,0,0,.3);color:#131313;display:block;font-size:20px;outline:none;padding:13px;transition:.4s ease;width:100%}.location-box .location{color:#fff;font-size:30px;font-weight:450;text-align:center;text-shadow:3px 3px rgba(0,0,0,.3)}.location-box .date{color:#fff;font-size:20px;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(0,0,0,.3)}.weather-box{text-align:center}.weather-box .temperature{background-color:hsla(0,0%,100%,.2);border-radius:15px;box-shadow:3px 6px rgba(0,0,0,.3);color:#fff;display:inline-block;font-size:100px;font-weight:800;margin:32px auto;padding:15px 25px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#f5f5f5;font-size:45px;font-weight:600;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.b74f9261.css.map*/