body {
  color: white;
  background: black;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 5%;
  margin-bottom: 5%;
  font-family: sans-serif;
  font-size: 12pt;
}

A:link    { color: lavenderblush; }    /* unvisited links */
A:visited { color: lavender; }   /* visited links   */
A:hover   { color: khaki; } /* user hovers     */
A:active  { color: lightskyblue; }   /* active links    */

img {
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 1em;
  margin-bottom: 1em;
}

img.albumart {
  margin-left: 0px;
  margin-right: 0.5em;
  margin-top: 0px;
  margin-bottom: 1em;
}

H1 {
  clear: both;
  text-align: center;
}

H2 {
  clear: both;
  margin-left: -5%;

  color: silver;
  background: black;
  border: solid purple;
  padding: 1%;
}

H3,H4,H5,H6,H7 {
  clear: both;
  margin-left: -2%;

  color: silver;
  background: black;
  border: solid purple;
  padding: 1%;
}

div.bigbox {
  clear: both;
  color: silver;
  background: darkslategray;
  border: solid purple;

  padding: 1%;
}

div.float {
  clear: none;
  float: left;
  width: 12em;
  height: 12em;
  min-width: 12em;
  max-width: 12em;
  min-height: 14em;
  max-height: 14em;
  margin: 1em 1em 1em 1em;
  color: silver;
  background: black;
  border: solid purple;
  text-align: center;
}