body{margin:0;padding:0}.base{min-height:100vh;width:100%;align-items:center;justify-content:center;display:flex;background:#22c1c3;background:-webkit-gradient(linear,left top,right top,from(#fdbb2d),to(#22c1c3));background:linear-gradient(90deg,#fdbb2d,#22c1c3)}.container{width:80%;min-height:80vh;background:#fff;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;flex-direction:row;justify-content:space-between}.titles{width:40%;background:url(/weather-finder/static/media/bg.eea55f81.jpg) 50% no-repeat;background-size:cover;display:flex;align-items:center;text-align:center;font-family:Merriweather,serif;color:#fff;font-size:20px}.title-container{width:100%}.form{width:60%;text-align:center}.form,.form-container{display:flex;align-items:center}.form-container{width:100%;flex-direction:column;justify-content:center}.results{margin-top:2em;font-family:Merriweather,serif;width:60%}.form-container form{width:100%}.cityName{font-size:35px;font-family:Merriweather,serif}input{padding:10px;display:inline-block;margin-right:1em;border:none;border-bottom:1px solid #ccc;width:30%}input::-webkit-input-placeholder{font-family:Merriweather,serif}input::-moz-placeholder{font-family:Merriweather,serif}input:-ms-input-placeholder{font-family:Merriweather,serif}input:-moz-placeholder{font-family:Merriweather,serif}button{display:inline-block;background:transparent;border:1px solid #22c1c3;font-family:Merriweather,serif;color:#22c1c3;padding:10px;cursor:pointer;text-align:center;-webkit-transition:all .2s;transition:all .2s}button:hover{color:#fff;background:#22c1c3}.icon-container{display:block;margin-top:2em}.base-form{width:80%;display:flex;flex-direction:column;align-content:center;align-items:center;overflow:hidden}@media screen and (max-width:1110px){.base{min-height:100vh}.results{margin-bottom:2em}.container{flex-direction:column;width:90%;min-height:90%}.cityName{font-size:20px}.titles{width:100%;min-height:30vh;font-size:15px}.form{margin-top:4em;width:100%;min-height:70%}input{display:block;width:100%;margin-bottom:2.5em}button{width:40%}}
/*# sourceMappingURL=main.3eb8bf07.chunk.css.map */