<style type="text/css">
<!--
  .sectionheader { background-color: LightSteelBlue; color: black; }

  a { font-family: sans-serif; color: #0000FF; font-size: 12pt; text-decoration: none }
  a:link { font-family: sans-serif; color: #00FFFF; font-size: 12pt }
  a:visited { font-family: sans-serif; color: #FFFF00; font-size: 12pt }
  a:hover { font-family: sans-serif; color: #FF0000; font-size: 12pt }
  td { font-family: sans-serif; font-size: 12pt }
  p { font-family: sans-serif; font-size: 12pt }
  h1 { font-family: sans-serif; font-size: 20pt }
  h2 { font-family: sans-serif; font-size: 16pt }
  h3 { font-family: sans-serif; font-size: 14pt }
  h4 { font-family: sans-serif; font-size: 12pt; font-weight: bold }
  li { font-family: sans-serif; font-size: 12pt }
  
  .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: black;
      color: white;
      text-align: center;
  }
  
  .footer a { font-size: 10pt; font-style: italic; }
  .footer p { font-size: 10pt; font-style: italic; }

  header.mainpage {
      margin: 20px;
      padding: 20px;
      background-color: black;
      border: 4px solid LightSteelBlue;
      border-radius: 6px;
      text-align: center;
  }
  
  body.mainpage {
    background-color: black;
    color: white;
  }

  h1.mainpage { color: lightsteelblue; }
  
  div.content { margin-top: 10px; margin-bottom: 75px; }
  
  div.main {
    margin: 20px 20px 20px 20px;
    padding: 15px;
    background: black;
    border: 4px solid LightSteelBlue;
    border-radius: 8px;
  }
/*
  .nav-bar {
    width: 400px;

  }
 */ 
  .nav-bar h1 { color: LightSteelBlue; }
  
  .nav-bar a {
    display: block;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: all 0.3s ease;
    color: white;
    font-size: 16pt;
    font-family: sans-serif;
    font-weight: bold;
  }
  
  .nav-bar a:hover {
    text-shadow: 0 0 10px LightSkyBlue;
    color: SteelBlue;
  }
  
  .datacol {
    display: table-cell;
    width: 33%;
    padding: 15px;
    background: black;
    border: 4px solid LightSteelBlue;
    border-radius: 8px;
  }

  .datarow {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px;
  }

  * {
    box-sizing: border-box;
  }

  @media screen and (max-width: 600px) {
    .datacol {
      display: block;
      width: 100%;
      margin-top: 10px;
    }
  }
// -->
</style>