@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,body{background:linear-gradient(90deg,#e67e22,#e74c3c)}.wrapper{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:80%;margin:25px auto}.title-container{height:17vh;min-height:100%;background-size:cover;display:flex;justify-content:center;text-align:center;color:#000}.title-container__title{font-size:50px;letter-spacing:2px;line-height:1.3}.title-container__subtitle{font-style:italic;font-weight:100;letter-spacing:1px;line-height:1.5}.form-container{background-color:#2c3e50;height:70vh;padding-top:50px;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}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}button:hover{cursor:pointer}.weather__info{width:60%;font-size:20px;font-weight:200;letter-spacing:2px}.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}.weather__error{color:#f16051;font-size:20px;letter-spacing:1px;font-weight:200}@media screen and (max-width:700px){.title-container__title{font-size:30px}.title-container__subtitle{font-size:18px}.form-container{padding-top:30px}.weather__info{width:unset;font-size:unset}.weather__key{padding:4px 0}input[type=text]{margin-bottom:10px}button{padding:4px 10px}}@media screen and (max-width:500px){.title-container__title{font-size:25px}.title-container__subtitle{font-size:14px}button{padding:2px}}
/*# sourceMappingURL=main.ffa19187.chunk.css.map */