@import url(https://fonts.googleapis.com/css?family=Merriweather:100,200,300,300i,400,400i,700);@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Open Sans",serif}.wrapper{background:linear-gradient(90deg,#e67e22,#e74c3c);height:100vh;display:flex;justify-content:center;align-items:center}.main{height:90vh;background:#fff;box-shadow:0 13px 40px -13px rgba(0,0,0,.75);width:70%}.title-container{background:url(https://media2.giphy.com/media/cOzK12kNVHoiOLYX6P/giphy.webp?cid=ecf05e47acde39b5d45960eef497864eaf275fa01b14e99a&rid=giphy.webp) 50%;background-size:cover}.sunny,.title-container{height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.sunny{background:url(https://media2.giphy.com/media/49VB0PHxR5Vsc/giphy.webp?cid=ecf05e47653ed14b2511aadbc33e6b8215d468424cee29e2&rid=giphy.webp) 50%;background-size:cover}.title-container__title{font-size:50px;letter-spacing:2px;line-height:1.3;font-family:"Roboto Slab",serif;font-display:-webkit-inline-flex}.title-container__subtitle{font-style:italic;font-weight:100;letter-spacing:1px;line-height:1.5;font-family:"Merriweather",serif}.form-container{background-color:#2c3e50;height:90vh;padding-top:100px;padding-left:50px}input[type=text]{background-color:transparent;border:0;border-bottom:1px solid #f16051;width:30%;padding-bottom:4px;color:#fff!important;font-weight:lighter;letter-spacing:2px;margin-bottom:30px;margin-right:20px;font-size:20px;outline:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #2c3e50 inset;-webkit-text-fill-color:#fff!important}button{border:0;padding:8px 20px;margin:0 2px;border-radius:2px;font-weight:lighter;letter-spacing:1px;font-size:15px;cursor:pointer;background-color:#f16051;color:#fff;font-weight:100}button:active{outline:none}.weather__info{width:60%;font-size:20px;font-weight:200;letter-spacing:2px}.weather__info,.weather__key{font-display:-webkit-inline-flex}.weather__key{color:#f16051;border-bottom:2px solid hsla(0,0%,100%,.06);padding:20px 0;font-weight:400}.weather__key:last-child{border:0}.weather__value{color:#fff;font-weight:200;display:-webkit-inline-flex}.weather__error{color:#f16051;font-size:20px;letter-spacing:1px;font-weight:200}@media screen and (max-width:768px){.root{font-size:30px;align-items:center;display:flex;height:100%;justify-content:center}}@media (min-width:1200px){.wrapper{background:linear-gradient(90deg,#e67e22,#e74c3c);height:100vh;display:flex;justify-content:center;align-items:center}.main{display:-webkit-inline-flex;width:70%}}@media (min-width:992px) and (max-width:1199px){.wrapper{background:linear-gradient(90deg,#e67e22,#e74c3c);background-size:cover;height:100vh;display:flex;justify-content:center;align-items:center}.main{display:-webkit-inline-flex;width:70%}}@media (min-width:768px) and (max-width:991px){.wrapper{background:linear-gradient(90deg,#e67e22,#e74c3c);height:100vh;justify-content:center;align-items:center}.main{display:-webkit-inline-flex;width:70%}.title-container__title{font-size:30px}.title-container__subtitle{font-size:16px}.form-container{align-items:center;padding-top:30px;padding-left:10px}p,span{font-size:15px;line-height:1.2}.weather__info,.weather__key{font-size:15px;padding:10px 5px}button,input[type=text]{font-size:17px}button{padding:0 20px;margin-left:0;margin-bottom:20px}}@media (max-width:767px){.wrapper{background:linear-gradient(90deg,#e67e22,#e74c3c);height:100vh;display:flex;justify-content:center;align-items:center}.main{display:-webkit-inline-flex;width:70%}.title-container__title{font-size:25px;margin-top:-200px;float:unset}.title-container__subtitle{font-size:16px}.form-container{padding:30px 10px 10px}p,span{font-size:10px;line-height:2;padding-top:10px}.weather__info,.weather__key{font-size:10px;margin-top:5px;padding:10px 0}button,input[type=text]{font-size:10px}button{padding:4px 20px;margin-left:0}}
/*# sourceMappingURL=main.d6d4b121.chunk.css.map */