@font-face{
    font-family: kr;
    src: url("");
}

body{
    background-color: #e9e9b7;
    font-family:fantasy monospace;
}

footer{
    font-size: medium;
    text-align: center;
    font-weight: bold;
    border-radius: 43px;
}

.footer{
    color:black;
    text-decoration: none;
    position: relative;
    background-color: darkolivegreen;
    opacity: 90%;
    border-radius: 43px;
    padding: 7px 30px;
    line-height: 47px;
    margin-top: 0px;
}

footer a{ /* link in footer */
    color:black;
    text-decoration: none;
    position: relative;
    font-weight: bolder;
    background-color: olive;
    opacity: 90%;
    border-radius: 43px;
    padding: 7px 30px;
    line-height: 47px;
    margin-top: 0px;
}

footer a:hover{ /* only applied when mouse is hovering over link*/
    background-color: grey;
    opacity: .8;
    text-shadow: 0px 0px 5px white;
    transition: all 0.3s ease;
}

img{
    display: block;
    margin: 0 auto;
}


h1{
    font-family: 'Times New Roman', Times, serif;
    font-size: 40pt;
    text-align: center;
    display: block;
    background-color: olive;
    padding: none;
    margin: 0px;   
}

.navBar{
    list-style: none;
    display: flex;
    padding: 0;
    overflow: hidden;
    justify-content: center;
    background-color: darkolivegreen;
}

.navBar li {
    margin: 20px;
    font-size: 16pt;
    font-family: fantasy;
}

.navBar li a{ /* a link on the page */
    color:black;
    text-decoration: none;
    position: relative;
    display: block;
    background-color: darkolivegreen;
    padding: 10px;
    /*#2e7d32*/   
}

.navBar li a:active { 
    color:white; /*link appears white when clicked*/
}

.navBar li a:hover{ /* only applied when mouse is hovering over link*/
    background-color: grey;
    opacity: .8;
    text-shadow: 0px 0px 5px white;
    transition: all 0.3s ease;
}

/*table and cell styling */
table {
  border-collapse: collapse; /* prevents double borders */
}

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

/* header styling */
thead th {
  background-color: #333;
  color: white;
  font-weight: bold;
}