body { background:#fff;font-family:sans-serif;font-size:12px;color:#222;margin:0;padding:0 }
main { max-width:700px; margin:40px auto; padding:20px; }

    nav a {
      margin-right: 12px;
      text-decoration: none;
      color: #222;
    }

    nav {
      border-bottom: 1px solid #eee;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }

table { width:100%; border-collapse:collapse; margin-top:20px }
th, td { border:1px solid #ccc; padding:8px; text-align:left }

a { text-decoration:none; color:#333; }
p { margin: 10px 0; }
h2 { margin-bottom: 20px; }

textarea  { width:100%; padding:6px; font-size:12px; margin-bottom:10px; }

select { width:100%; padding:6px; font-size:12px; margin-bottom:10px; }

input[type="text"]         { width: 100%; padding: 6px; font-size: 12px; margin-bottom: 10px; }
input[type="email"]       { width: 100%; padding: 6px; font-size: 12px; margin-bottom: 10px; }
input[type="number"]    { width: 100%; padding: 6px; font-size: 12px; margin-bottom: 10px; }
input[type="password"]  { width: 100%; padding: 6px; font-size: 12px; margin-bottom: 10px; }
input[type="submit"]     { padding: 6px 12px; font-size: 12px; }

form { margin:20px auto; max-width:400px }