@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{box-sizing:border-box;font-family:Roboto,Helvetica Neue,sans-serif}body{background:#fafafa}.wrapper{margin-left:auto;margin-right:auto;background:#fff;width:100%;max-width:500px;padding:10px 15px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);border-radius:4px}h1{font-size:24px;margin-bottom:8px;margin-top:0}.form-control{width:100%;background:#fff;border:2px solid #ddd;border-radius:5px;transition:all .1s ease-in-out;height:50px;margin-bottom:26px;padding:0 15px}.form-control:hover{border-color:#000}.form-control:focus{border-color:#3f51b5}.btn{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);background:#fff;border:none;border-radius:3px;padding:10px 20px;text-transform:uppercase;font-weight:700;color:#000;text-decoration:none;font-size:14px;margin-right:10px;cursor:pointer}