
body { font-family: sans-serif; max-width: 34em; margin: 6vh auto; padding: 0 1em;
    color: #222; background: #fff; line-height: 1.45; }
h1 { font-size: 1.5em; }
h1 a { color: inherit; text-decoration: none; }
label { display: block; margin-top: 1em; }
input[type=text], input[type=email], input[type=password] {
    width: 100%; box-sizing: border-box; padding: 0.5em; font-size: 1em; }
button { margin-top: 1.2em; padding: 0.5em 1.2em; font-size: 1em; }
table { border-collapse: collapse; width: 100%; }
td, th { text-align: left; padding: 0.4em 0.6em 0.4em 0; border-bottom: 1px solid #ddd; }
td form { margin: 0; }
td button { margin: 0; padding: 0.2em 0.8em; }
.said { background: #eef6ee; border-left: 4px solid #3a3; padding: 0.6em 0.8em; }
.wrong { background: #fbeeee; border-left: 4px solid #c33; padding: 0.6em 0.8em; }
.code { font-family: monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.foot { margin-top: 3em; color: #777; font-size: 0.9em; }
