*{margin:0;padding:0}.App{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;width:90%;margin:0 auto;font-family:"Yantramanav",sans-serif}.weather{background-color:#4f3274;background-position:50%;min-height:700px;color:#fdfdff;opacity:0,1}.weather Form{opacity:1}.weather p{float:left}.weather button,.weather input,.weather p{margin:20px;padding:10px 20px;text-align:left}.weather button,.weather input{border:2px solid grey;background-color:#fff;transition:all .7s ease-in-out}.weather input{margin-right:0;padding-right:0}.weather button{cursor:pointer;margin-left:0}.weather button:hover{background-color:#000;color:#fff;border-color:#000}header{flex-basis:10vh;position:relative}header img{position:relative;min-height:5vh;float:left}header p{position:relative;margin-top:5vh;font-size:xx-large}div.city{font-size:10vh;margin-left:5%;text-transform:uppercase}div.date{margin-top:5vh;float:left;width:50%}div.date,div.sunrise{text-align:center}div.img,div.temp{text-align:center;float:left;width:33%}div.temp{margin-top:5vh;font-size:25vh}.temp p{font-size:medium}div.windPress{width:33%;float:left}div.pressure,div.wind{text-align:center;font-size:larger;margin:15vh}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-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)}}@media (max-width:600px){div.img,div.temp,div.windPress{width:100%}}
/*# sourceMappingURL=main.bb4f3829.chunk.css.map */