@import "./index.css";

BODY {background-color: rgb(220, 225, 240); color: black}
H2 {
  background-color: rgb(150, 155, 180); color: white;
  -moz-border-radius-topright: 1em;
}

A:link {background-color: transparent; color: rgb(0, 50, 150)}
H2 A:link {background-color: transparent; color: rgb(235, 240, 255)}
A:visited {background-color: transparent; color: rgb(64, 64, 128)}
A:hover {background-color: rgb(235, 240, 255); color: black}
A:active {background-color: rgb(190, 200, 230); color: black}

H1 OBJECT {background-image: url(Q-background-blue.png)}

DIV#about, DIV#nav {
  background-color: rgb(213, 225, 247);
  color: black;
  background-image: url(shiny.png);
  background-position: right;
  background-repeat: repeat-y;
}

UL.links A, DIV#nav OL A {
  text-decoration: none;
  background-repeat: repeat-x;
  color: inherit; background-color: inherit;
}

UL.links A:hover, DIV#nav OL A:hover {
  background-image: url(item-silver.png);
  background-color: rgb(235, 240, 255);
  color: black;
}
UL.links A:active,
UL.links A:focus,
DIV#nav OL A:active,
DIV#nav OL A:focus {
  color: black;
  background-color: rgb(190, 200, 230);
  background-image: url(item-darksilver.png)
}
DIV#nav LI.active {
  color: white;
  background-color: rgb(130, 140, 175);
  background-image: url(item-shinygray.png);
  background-repeat: repeat-x;
}

DIV#about H2 {background-color: transparent; color: inherit}