@import url(https://fonts.googleapis.com/css?family=Merriweather:100,200,300,300i,400,400i,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);body{font-family:Open Sans,serif}.wrapper{position:relative;background:url(/weather-app/static/media/main-bg.de45448e.jpg) 50% no-repeat;height:100vh;display:flex;justify-content:center;align-items:center;background-size:cover}.dyn-1{position:absolute;width:100%;height:100%;top:0;left:0;background:url(/weather-app/static/media/dyn-1.ed0abcfa.png) repeat-x 0 0;background-size:cover;-webkit-animation:clouds-1 6000s linear infinite;animation:clouds-1 6000s linear infinite}@-webkit-keyframes clouds-1{0%{background-position:0 0}to{background-position:5000% 0}}@keyframes clouds-1{0%{background-position:0 0}to{background-position:5000% 0}}.dyn-2{position:absolute;width:100%;height:100%;top:0;left:0;background:url(/weather-app/static/media/dyn-2.08f47634.png) repeat-x 0 0;background-size:cover;-webkit-animation:clouds-2 6000s linear infinite;animation:clouds-2 6000s linear infinite}@-webkit-keyframes clouds-2{0%{background-position:0 0}to{background-position:15000% 0}}@keyframes clouds-2{0%{background-position:0 0}to{background-position:15000% 0}}.main{height:90vh;width:80%;margin:0 auto;z-index:10}.form-container{width:100%;height:10vh;display:flex;align-items:center;justify-content:center}input{background-color:transparent;border:0;border-bottom:2px solid #008b8b;width:35%;padding-bottom:4px;color:#2c3e50;text-align:center;margin-bottom:25px;margin-right:20px;font-weight:700}button,input{letter-spacing:.1rem;font-size:20px;outline:none}button{border:0;padding:6px 10px;margin:0 2px;border-radius:5px;font-weight:400;cursor:pointer;background-color:#008b8b;color:#fff}button:hover{background-color:#20b2aa}.media-container{position:relative;height:80vh;background-size:cover!important;display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:50vh;color:#000}.title-container{display:flex;flex-direction:column;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:auto;text-align:center}.title-container__title{font-size:40px;letter-spacing:.3rem;color:#ffdab9;line-height:1.3;font-weight:800;text-align:center}.title-container__subtitle{font-style:italic;font-size:20px;font-weight:100;letter-spacing:.1rem;line-height:2;color:#fff;font-family:Merriweather,serif;text-align:center}.location-container{position:absolute;bottom:30px;right:20px;background-color:#fff;opacity:.7;padding:10px 20px 0;font-size:25px;font-weight:600;text-align:right;border-radius:5px}.location-container__country{font-size:15px;text-transform:uppercase}.weather-container{display:flex;background-color:#2c3e50;opacity:.93;height:80vh;overflow-y:scroll;padding:0}.weather-container::-webkit-scrollbar-track{background-color:#2c3e50}.weather-container::-webkit-scrollbar-thumb{border-radius:5px;background-color:#008b8b}.weather-container::-webkit-scrollbar{width:15px}.weather__info{display:flex;flex-direction:column;position:relative;width:90%;height:100%;font-size:20px;letter-spacing:.2rem;margin:0 20px 0 50px}.weather__key__title{color:#db7093;font-size:25px;padding:50px 0 10px;font-weight:400;text-align:center}.weather__key{color:#db7093;border-bottom:2px solid #696969;padding:20px 0;font-weight:400}.weather__key:last-child{border:0;padding-bottom:30px}.weather__value{display:inline-block;color:#fff;font-weight:200}.weather__value:first-letter{text-transform:uppercase}.weather__error{color:#ffa07a;font-weight:400;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:auto;text-align:center}@media (min-width:768px) and (max-width:1450px){.container{width:100%}input{width:30%}}
/*# sourceMappingURL=main.5bff14bf.chunk.css.map */