* {
    font-family: "Franklin Gothic Book";
}
.imgbox {
    display: grid;
    width: 100%;
    height: auto;
}
.center-fit {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.nav {
    list-style-type: none;
    background-color: #2ED41F;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}
.nav li {
    display: inline;
}
.nav li a {
    display: inline-block;
    color: white;
    text-align: center;
    text-decoration: none;
    padding: 0px 18px;
    font-size: calc(0.4em + 1.5vw);
    padding-left: 0.3vw;
}

/* Change the link color to #111 (black) on hover */
.nav li a:hover {
    background-color: black;
}

th {
    font-size:calc(0.5em + 3.0vw);
}

td {
    font-size:calc(0.5em + 1.5vw);
}

.bul {
    list-style-type: disc;
}

body {
    background-color: #e5e4e2;
}

a:link{
    color: black;
    text-decoration: none;
}

input[type=text] {
    font-size: 18px;
}

input[type=submit] {
background-color: #111;
border: none;
color: white;
padding: 6px 16px;
font-size: 18px;
text-decoration: none;
margin: 5px 135px;
cursor: pointer;
font-family: "Franklin Gothic Book";
}