html * {
  margin: 0;
  padding: 0;
}

body {
 background-color: #808080;
 font-family: "Arial", sans-serif;
 margin: 0px;
 padding: 0px;
}

h1 {
  margin: 40px 0px;
  font-size: 64px;
}
h2 {
  margin: 30px 0px;
  font-size: 48px;
}
h3 {
  margin: 10px 0px;
  font-size: 20px;
}
a:link    {
 color: #004000;
 text-decoration: underline;
}
a:visited {
 color: #a04000;
 text-decoration: none;
}
a:active  {
 color: #00f0a0;
 text-decoration: none;
}

/* center text */
.c {
 text-align: center;
}
/* small text */
.ss {
/* line-height: 1.8;*/
 font-size: 10px;
}
/* very small text */
.sxs {
 font-size: 4px;
}

/* color grey, for text */
.cg {
 color: #686868;
}
/* highlighted background, with rounded corners and shadow */
.bh {
 background-color: #a0a0a0;
 border: 1px solid #909090;
 border-radius: 40px;
 box-shadow: 0px 0px 20px #404040;
}
/* width x */
.w450 {
  width: 450px;
}
/* margin auto left/right => center horizontally */
.ma {
 margin-left: auto;
 margin-right: auto;
}

/* bottom right, absolute.  for generator */
.br {
  position: absolute;
  right: 2px;
  bottom: 0px;
}