html {
     background-color: #ffffff;
     font-family: sans-serif;
     font-size: 130%;
     color: #000000;
 }
 
 body {
     max-width: 40em;
     margin-left: auto;
     margin-right: auto;
 }
 
 h1 {
     text-align: center;
     font-size: 160%;
 }
 
 form .section {
     padding: 0.3em 0.5em;
     background-color: #fcfcfc;
     border: 0.05em solid #e0e0e0;
     border-radius: 0.5em;
 }
 
 form table {
     border-collapse: collapse;
 }
 
 form input {
     font-family: inherit;
     font-size: inherit;
 }
 
 form #charset label:hover {
     background-color: #f0f0f0;
 }
 
 form #charset td {
     padding: 0em;
 }
 
 form #charset input[type='checkbox'] {
     margin: 0em;
 }
 
 form #charset label {
     margin-left: 0.2em;
     padding: 0.1em 0.3em 0.1em 0.3em;
     border-radius: 0.2em;
 }
 
 form #charset small {
     font-size: 70%;
     color: #a0a0a0;
 }
 
 form #type td {
     padding: 0.2em 0em;
 }
 
 form #type input[type='number'] {
     text-align: right;
 }
 
 form input[type='submit'],
 form input[type='button'] {
     padding: 0.2em 0.6em;
 }
 
 form #password {
     margin-left: 0.3em;
     padding: 0.1em 0.3em;
     background-color: #f8f8f8;
     border-radius: 0.2em;
     font-family: 'Consolas', monospace;
     font-size: 140%;
 }
 
 p.lowlight {
     color: #a0a0a0;
 }
 
 hr {
     border: none;
     border-top: 0.05em solid #b0b0b0;
 }
 
 a {
     color: inherit;
     text-decoration: none;
 }
 
 a:hover {
     text-decoration: underline;
 }