@font-face {
   font-family: 'Jungle';
   src: url('/jungle.ttf');
}
.body {
    margin: 15px;
}
#topbar {
        font-family: 'Courier New';
        color: white;
        width: auto;
        height: 20px;
        font-size: 125%;
        background-color: #004d4d;
}
#title {
    font-family: 'Jungle';
      font-size: 9.5vw;
      color:#004d4d;
      border-width: 5px;border-style:double;
      background-color: #e6ffff;
      width: auto;
      text-align:center;
      margin: 0;
      padding: 25px;
  }
#navbar {
    height: auto;
    background-color: #004d4d;
    width: 100%;
  }
  #navbar ul {
      display: flex;
      margin: 0;
      list-style-type: none;
      justify-content: space-evenly;
      font-size: 125%;  
      padding-left: 0px;
      
  }
  #navbar li {
     padding: 10px;   
  }
  #navbar li a {
      font-family: 'Courier New';
      color: white;
      font-weight: 800;
      text-decoration: none;
  }
  #navbar li a:hover {
      color: #00cccc;
      text-decoration: underline;
  }
#subtitle {
    font-family: 'Courier New';
      background-color: white;
      color: #004d4d;
      border-width: 2px;
      border-style:solid;
      text-align:center;
      padding: 20px;
      font-weight: bold;
      font-size: 2.5vw;
      margin: 15px;
      width: auto;
}
  h1 {
      font-family: 'Jungle';
      font-size: 9.5vw;
      color:#004d4d;
      border-width: 5px;border-style:double;
      background-color: #e6ffff;
      width: auto;
      text-align:center;
      margin: 0;
      padding: 15px;
  }
  h2 {
      font-family: 'Stardos Stencil';
      font-size: 2.5vw;
      font-weight: lighter;
      letter-spacing: 10px;
      color:#004d4d;
      text-shadow: 1px 1px #009999;
      border-width: 5px;border-style:double;
      background-color: #e6ffff;
      width: auto;
      text-align:center;
      margin-top: 5px;
      height: auto;
  }
  h3 {
      font-family: 'Stardos Stencil';
      font-size: 150%;
      font-weight: lighter;
      letter-spacing: 10px;
      color:#004d4d;
      text-shadow: 2px 2px #009999;
      border-width: 5px;border-style:double;
      background-color: #e6ffff;
      width: auto;
      text-align:center;
  }
  h4 {
      font-family: 'Courier New';
      background-color: white;
      width: auto;
      font-size: 2vw;
      color: #004d4d;
      border-width: 2px;border-style:solid;
      text-align:center;
      padding: 20px;
  }
 h5 {
      font-family: 'Courier New';
      background-color: white;
      width: 100%;
      font-size: 2vw;
      color: #004d4d;
      border-width: 2px;border-style:solid;
      text-align:center;
      margin-top: 15px;
      margin-bottom: 15px;
  }
  h6 {
      font-family: 'Courier New';
      background-color: white;
      width: auto;
      font-size: 150%;
      color: #004d4d;
      border-width: 2px;border-style:solid;
      text-align: left;
      padding: 20px;
  }
  p {
      font-family: 'Courier New'; 
      font-weight: bolder;
      background-color: white;
      width: auto;
      font-size: 2vw;
      color: #004d4d;
      text-align: left;
  }
  a:link {
    color: #009999;
  }
  a:visited {
    color: #00394d;
  }
  a:hover {
    color: 	#00cccc;
  }
  a:active {
    color: #00ffff;
  } 
  
  hr{
    border:0;
    height:50px;
    background:url("/dino-nug-div.png") 0 0;
    background-repeat: repeat-x;
}