@import "./index.css";

BODY {background-color: rgb(204, 77, 60); color: white}
H2 {
  background-color: rgb(230, 100, 80); color: black;
  -moz-border-radius-topright: 1em;
}

A:link {background-color: transparent; color: rgb(255, 240, 180)}
A:visited {background-color: transparent; color: black}
A:hover {background-color: rgb(250, 110, 90); color: black}
A:active {background-color: rgb(180, 210, 255); color: black}

H1 OBJECT {}

DIV#about, DIV#nav 
{
    R:CC, G:4D, B:3C
  background-color: rgb(204, 77, 60);
  color: black;
  background-position: right 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-red.png);
  background-color: rgb(220, 90, 70);
  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(180, 210, 255);
  background-image: url(item-lightblue.png)
}
DIV#nav LI.active {
  color: black;
  background-color: rgb(250, 190, 100);
  background-image: url(item-yellow.png);
  background-repeat: repeat-x;
}

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