body {
    background-color: pink;
    color: grey;
    font-size: 25px;
}
h1{ text-align: center; font-size: 40px;}
cursive{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', cursive;
    font-style: oblique;
    font-size: 35px;
}
#header{
    text-align: center;
    height: 75px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
}
#navigation{
  width: calc(12.5% - 0px);
  float: left;
  text-decoration: none;
  padding-left: 10px;
  margin-left: 6px;
  margin-right: 10px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 20px;
}
#content{
    float: center;
    width: 50%;
    border: 2.5px solid black;
    border-style: dotted;
    text-align: center;
    margin: 0 auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size:25px;
    

}


img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    max-height: 50%;
}
.home{
    background-color: burlywood;
   background-image: url("sky.jpg");
   text-align: center;
   color:black;

}

table, th{ border: 5px burlywood;}
        table{
            border-collapse: collapse;
            width: 100%;
            margin: 10px;
        }
        th{font-size: 25px;}

        table, th{text-align: left; padding: 10px; margin: 10px;}
        tr {background-color:lavender;}
        tr:hover {background-color:olive;}

        a:link {  font-size: 25px; color:black;} /* unvisted link */
        a:visited {color:violet;} /* visited link */
        a:hover {color: white;} /*mouse over link */
        a:active {color: orange;}
h5{ font-size: 30px; color: grey; }
h6{font-size: 30px; color: rgb(100, 92, 92);}