body { background: #222222; padding: 22px; font-family: monospace; }
h1 { font-weight: normal; font-size: 3vmax; color: #00bb00; margin: 0; padding: 0; }
h2 { font-weight: normal; font-size: 3vmax; color: #ff0000; margin: 0; padding: 0; }
h3 { font-weight: normal; font-size: 1vmax; color: #bbbbbb; margin: 0; padding: 0; }
h4 { font-weight: normal; font-size: 1vmax; color: #3e3e3e; margin: 0; padding: 0; }
p { font-weight: normal; font-size: 1vmax; color: #eeeeee; margin: 0; padding: 0; }

input[type=text] { background-color: #333333; font-size: 3vmax; color: white; padding: 15px 30px; margin: 30px 1px 1px 1px; border: 2px solid white; border-radius: 4px; }
input[type=password] { background-color: #333333; font-size: 3vmax; color: white; padding: 15px 30px; margin: 30px 1px 1px 1px; border: 2px solid white; border-radius: 4px; }
input[type=button], input[type=submit] {
background-color: #226a22; border: 1; font-size: 3vmax; color: #ffffff; padding: 15px 30px; margin: 15px 1px 1px 1px; cursor: pointer; }

a:link { font-weight: normal; font-size: 3vmax; color: #eeeeee; text-decoration: underline }
a:visited { font-weight: normal; font-size: 3vmax; color: #eeeeee; text-decoration: underline }
a:hover { font-weight: normal; font-size: 3vmax; color: #0000FF; background-color: #FFFF85; text-decoration: underline }
a:active { font-weight: normal; font-size: 3vmax; color: #000000; background-color: #DDDDDD; text-decoration: underline }

form #yn1 { display:none; }
form #yn3 { display:none; }
form #sp1 { display:none; }
form #sp3 { display:none; }
form #sp2 { display:none; }
form #tal { display:none; }
form #tf1 { display:none; }
form #tf2 { display:none; }
form #tf3 { display:none; }