body{display:flex;flex-direction:column;align-items:center}h1{text-align:center}form{padding:1.25em;background-color:#fff;box-shadow:#0000003d 0 3px 8px;border-radius:1em;display:flex;flex-direction:column}form .field{margin-bottom:1em}form input[type=email],form input[type=password],form input[type=tel],form input[type=text],form input[type=date]{box-sizing:border-box;width:100%;margin-top:.5em;padding:.5em}form input[type=submit],form button[type=submit]{align-self:end;padding:.5em 1em;color:#fff;font-weight:700;font-size:1em;background-color:#4169e1;border:none;border-radius:.5em;cursor:pointer}form input[type=submit]:disabled,form button[type=submit]:disabled{background-color:#add8e6;cursor:not-allowed}form input[type=submit]:hover{background-color:#688eff}.message{padding:.5em 1em;border-radius:.5em}.message.success{background-color:#90ee90}.message.failure{background-color:#f08080}