* {
  box-sizing: border-box
}

body {
  font-family: Bookman Old Style, Georgia, Times New Roman, serif;

  background-color: #111133;
}

header h1 {
  text-align: center;
  text-shadow: 1px 1px #606060;
  font-size: 1.8em;
}

header h1:first-child {
  font-size: 1.8em;
  color: #000000;
}

footer {
  text-align: right;
  font-size: small;
  margin-bottom: 0;
}


nav li {
  float: left;
    padding: 2px;
}


nav ul {
  list-style-type: none;
  margin: 4px auto;
  padding: 0;
  overflow: auto;
  max-width: 1024px;
  background-color: #eeeeee;
  border-radius: 1.0em;
  border: 3px solid #006030;
  right: calc(50% + 330px);
}

nav li a {
  display: block;
  color: #cccccc;
  text-align: center;
  padding: 14px 4px;
  text-decoration: none;
  display: block;
  border-radius: 0.7em;
  border: 2px solid #006030;
  background-color: #007b73;
}

nav a:link, {
  color: #ffffff;
  background-color: #008888;
}

nav a:visited {
  color: #ffffff;
  background-color: #008888;
}

nav a:hover {
  color: #ffffff;
  background-color: #005c57;
}

nav a.active {
  color: #ffffff;
  background-color: #005c57;
}

article {
  border-radius: 1.0em;
  padding: 1em;
  margin: 1em auto;
  max-width: 1024px;
  border: 3px solid #004037;
  background: #cecee9;
}

article a:link  {
  color: #006644;
  text-decoration: none;
  background-color: #eeeeee;
}

article a:visited  {
  color: #006644;
  text-decoration: none;
  background-color: #eeeeee;
}

article a:hover {
  color: #00bb77;
  text-decoration: none;
  background-color: #eeeeee;
}

article a.active {
  color: #0000aa;
  text-decoration: none;
  background-color: #eeeeee;
}

article h2 {
  color: #000000;
}

article h3 {
  color: #000000;
}

article h2:first-child {
  margin-top: 0;
}

article li + li {
  margin-top: 0.5em;
}