*{box-sizing:border—box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;line-height:1.4}a{color:0#333;text-decoration:none}.container{padding:0 1rem}.SubmitBtn{display:inline-block;border:none;background:#555;color:#fff;padding:7px 20px;cursor:pointer}.SubmitBtn:hover{background:#666}button,input{color:inherit;font:inherit;letter-spacing:inherit;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:transparent}input{color:#00f;border-bottom:2px solid grey}button[type=submit]{padding:0;margin:0 0 0 -54px;color:#00f;font-weight:600;opacity:0;font-size:2rem}input:focus{border-bottom:2px solid #00f}input:focus+button{opacity:1}body,html{height:100%;font-family:sans-serif;font-size:10px}main{height:100%;width:100%;padding:8px;align-content:flex-start}.Form,main{display:grid;justify-content:center}.Form{margin:0;align-content:center;font-size:3rem}.Response{margin:16px 0;font-weight:600;text-transform:capitalize;font-size:5rem}.Response span{-webkit-transition:all .3s;transition:all .3s}.Response .empty{opacity:0}.Response .weather{opacity:1}.Response .loading{opacity:.1}@media only screen and (min-width:768px){main{align-content:center}.Response{text-align:center}}
/*# sourceMappingURL=main.58a0d669.chunk.css.map */