h1 {font-size:36px; font-family: sans-serif; color: #98dfea;}
h2 {font-size:30px; font-family: sans-serif; color: #98dfea;}
h3 {font-size:24px; font-family: sans-serif; color: #98dfea;}
h4 {font-size:20px; font-family: sans-serif; color: #98dfea;}
h5 {font-size:18px; font-family: sans-serif; color: #98dfea;}
h6 {font-size:16px; font-family: sans-serif; color: #98dfea;}

li {
  color: #cccccc;
  font-family: sans-serif;
}

div.legacy > h3,
div.legacy > a:link,
div.legacy > a:visited,
div.legacy > a:focus,
div.legacy > a:active {
  color: #666666;
}

div.legacy {
  color: #666666;
}

a:link,
a:visited,
a:focus,
a:active {
  color: #efea5a;
  font-family: sans-serif;
  text-decoration: none;
}

div.legacy > a:hover,
a:hover {
  color: #eff2f1;
  font-family: sans-serif;
  text-decoration: underline;
}

body {
  background-color: #4B0082;
  color: #ffffff;
  font-family: sans-serif;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 16px;
  margin: 0px;
}

div.portal {
  width: 250px;
  border: 1px solid grey;
  padding: 5px;
  margin: 5px;
  float: left;
  color: white;
  background-color: #000040;
}