kom_gen.css

body {font-family:arial, helvetica, sans-serif;text-align:justify;max-width:800px; margin-left:4em; line-height:170%}

h1 {letter-spacing: 0.05em;font-size:3em;line-height:100%;color:#64646E;margin-bottom:0.3em;margin-top:0.5em;}

h2, p {margin-top:0.4em; margin-bottom:0.4em;}

p.small {font-size:0.9em; margin-bottom:2em;}

form {border-width:2px;
  border-style:solid;
  border-color:grey;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:2em;
  padding-right:0.5em;
  background-color:#E6F5FA;
  font-size:1.1em;
  }

a {font-weight:bold}

.button {
  background: #5c9fcc;
  background-image: -webkit-linear-gradient(top, #5c9fcc, #59b6eb);
  background-image: -moz-linear-gradient(top, #5c9fcc, #59b6eb);
  background-image: -ms-linear-gradient(top, #5c9fcc, #59b6eb);
  background-image: -o-linear-gradient(top, #5c9fcc, #59b6eb);
  background-image: linear-gradient(to bottom, #5c9fcc, #59b6eb);
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

div.output {
 margin-top:2em;
 margin-bottom:2em;
border-width:2px;
  border-style:solid;
  border-color:#800000;
  padding:1em;
  background-color:#FFD2BE;
  font-size:1.1em;
  }
  
  div.error {font-size:2em;color:red;margin:1em;}

hr { margin-top:4em; margin-bottom:2em; border: 2px solid black;}
span.margin {display:block; margin-left:1em;}