*{
    margin: 0;
    padding: 0;
}
html{
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    background-color: #696969;
}

navbar {
    background-color: #D3D3D3;
    height: 50px;
}

navbar img {
  width: 150px;
  padding: 15px;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav {
  float: right;
  margin: 0;
}

li {
  display: inline;
  padding: 15px;
}

nav a {
  text-decoration: none;
  color: #353535;
  display: inline-block;
  padding-top: 15px;
}

nav a:hover {
  color: #00b2b2;
}

nav a:active {
  font-weight: bold;
}

@media screen and (max-width: 700px) {
  nav {
    width: 100%;
    margin-top: -5px;
  }

  nav li {
    display: block;
    background-color: #e5e5e5;
    text-align: center;
  }
 }

* {
  font-family: Montserrat, sans-serif;
}
 
 h2 
 {color:  green;
 
 }

 table{
     font-size: 22px;
     border: 0px solid black;
     border-collapse: collapse;
     background-color: aquamarine;
     box-shadow: 2px 1px 1px black;
 }

td, th{
    border: 1px solid black;
    padding-top: 20px 40px;
    text-align: left;
}

thead{
    box-shadow: 0 2px 5px ;
    background-color: mediumaquamarine;
}

tr:nth-child(even){
    background-color: aliceblue;
}

th:first-child{
    border-radius: 15px 0 0 0;
}

th:last-child{
    border-radius: 0 15px 0 0;
}

.youtubevideo {
    background-color: blueviolet;
    position: center;
    top: 30;
    left: 15;
    width: 30%;
    height: 100%;
}


h3{
    color:white;
    font-family: monospace, Arial, Helvetica, sans-serif;
}

h4{  
     color:blue;
     font-weight: bold;
     font-family: Helvetica

}

h5{
    font-size: 130%


}


h15{
    font-family:fantasy;
    font-size: small;
    color:black;
}

h16{
    font-family:fantasy;
    font-size:larger;
    color:black;
}
h13{
    font-family:fantasy;
    font-size: large;
    color: black;
}