/* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
    background-color: lightblue;
  }
  
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: darkslategrey;
  }

  li.menu {
    float: left;
  }

  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  li a:hover {
    background-color: black;
  }

  li a:hover:not(.active) {
    background-color: #555;
    color: white;
  }

  .active {
    background-color: grey;
  }

  h1 {
    color: midnightblue;
    font-family: : georgia;
    font-style: italic;
    font-size: 100px;
    text-align: center;
    text-shadow: white;
  }

  h2 {
    color: black;
    font-family: times;
    font-size: 50px;
    text-align: center;
  }

  .footer {
    text-align: center;
    position: bottom: 0; left: 0;
    width: 100%;
    font-size: 25px;
  }

  p {
    color: black;
    font-family: times;
    font-size: 20px;
    text-align: center;
  }