@import "./index.css";

BODY {background-color: rgb(245, 235, 205); color: black}
H2 {
  background-color: rgb(80, 120, 230); color: white;
  -moz-border-radius-topright: 1em;
}

A:link {background-color: transparent; color: rgb(190, 64, 0)}
H2 A:link {background-color: transparent; color: rgb(170, 250, 170)}
A:visited {background-color: transparent; color: black}
A:hover {background-color: rgb(180, 210, 255); color: black}
A:active {background-color: rgb(180, 210, 255); color: black}

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

DIV#about, DIV#nav {
  background-color: rgb(90, 126, 220);
  color: white;
  background-image: url(blue-gradient.png);
  background-position: left top;
  background-repeat: no-repeat;
}

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

UL.links A:hover, DIV#nav OL A:hover {
  background-image: url(item-blue.png);
  background-color: rgb(0, 80, 255);
  color: white;
}
UL.links A:active,
UL.links A:focus,
DIV#nav OL A:active,
DIV#nav OL A:focus {
  color: black;
  background-color: rgb(80, 210, 80);
  background-image: url(item-green.png)
}
DIV#nav LI.active {
  color: white;
  background-color: rgb(250, 120, 70);
  background-image: url(item-orange.png);
  background-repeat: repeat-x;
}

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