*{margin:0;padding:0;box-sizing:border-box}@-webkit-keyframes apper{0%{opacity:0}to{opacity:1}}@keyframes apper{0%{opacity:0}to{opacity:1}}body{background:url(/weather-app/static/media/background2.cfcf8d9b.jpg);font-family:"Oxanium",cursive;background-size:cover;position:relative;background-position:top}.App{flex-direction:column;margin:0 auto;min-height:100vh;color:#fff}.App,header{display:flex;width:100%}header{flex-basis:30vh;padding:0 15px 30px}header input{width:100%;max-width:250px;height:40px;outline:none;margin:10% auto 0;border-radius:0 15px 0 15px;font-size:20px;border:none;border-bottom:3px solid green;padding:10px 15px;background-color:hsla(0,0%,100%,.5);font-weight:500px;color:#000;-webkit-transition:.2s;transition:.2s}header input:focus{background-color:hsla(0,0%,100%,.9)}main{flex-grow:1;display:flex;flex-direction:column;margin-top:50px;align-items:center;text-align:center;align-content:center;-webkit-animation-name:apper;animation-name:apper;-webkit-animation-duration:1s;animation-duration:1s}.info .city{font-size:3em;margin-bottom:10px;text-shadow:4px 4px rgba(0,0,0,.7);font-weight:600}.info .date{font-size:1.5em}.info .temp{font-size:10em;text-shadow:6px 6px rgba(0,0,0,.6)}.info .weather{font-size:2em;font-weight:600;text-shadow:3px 3px rgba(0,0,0,.6)}.info .high-low-temp{font-size:1.2em;text-shadow:2px 2px rgba(0,0,0,.6)}
/*# sourceMappingURL=main.4f17a359.chunk.css.map */