body{
    background-color: #ffffff;
}
.container{
    margin: auto;
    text-align: center;
    width:100%;
    height:1200px;
    background-color: cadetblue;
    padding:15px 30px 15px 30px;
}
h1{
    color: #;
    font-family: 'Waterfall', cursive;
}

p{
    color:#4d004d;
    font-family: Ariel, sans-serif;
}
.popcorn{
    font-style:italic;
    background-color: azure;
}
 
a:link{
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color:#ffffff;
    padding:24px;
}
a:visited{
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color:#ffffff;
     padding:24px;}
a:hover{
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    background-color: #183d35;
    color:#ffffff;
    padding-left:25px;
    padding-right:25px;
    padding-top:0px;
    padding-bottom:0px;
}
a:active{
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    color:#ffffff;
    padding-left:25px;
    padding-right:25px;
    padding-top:0px;
    padding-bottom:0px;
}
table{
    width:600px;
    height:600px;
    background-color:#b1cdcd;
    margin: 30px 25px 30px 25px;
         margin: auto;
}
th{
    background-color:#004d00;
    font-size: 25px;
    height: 150px;
    color:beige
    font-family: 'Montserrat', sans-serif;
    border: dotted #527a7a 1px;
}
td{
    font-size: 50px;
    height: 125px;
    color: blue;
   font-family: 'Waterfall', cursive;
    border-style: solid;
    border-color: black;
    border-width:1px;
}
.navigation{
    width:100%;
    min-width: 250px;
    background-color: #35695d;
    height:15px;
}