@font-face {
    font-family: 'Fredoka';
    src: url(fonts/Fredoka-Regular.ttf);
}

body {

    background-image: url("spacejam_stars.gif");
}

.container {
    font-family: Fredoka;
    width: 100%;
}

header {
    width: 90%;
    margin: auto;
    border: solid black;
    text-align: center;
    background-color: lightblue;

}

.centralContent {
    margin-top: 2%;
    margin-left: 20%;
    margin-right: 20%;
    border: solid black;
    background-color: lightcoral;
    padding: 10px;
}

/* https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical_fixed */
table,
th,
td {

    background-color: lightblue;
    border: solid black;
    margin-left: 10%;
    margin-right: 10%;
}

th,
td {
    margin-top: 3px;
    padding: 5px;
    text-align: center;
}

li a.active {
    background-color: lightcoral;
    border: dotted black;
    color: white;
}

li a:hover:not(.active) {
    background-color: #555;
    color: white;
}

p {
    font-size: 1.25em;
}