body {
    background-image: url('backgroundImage.jpg');
    background-position: 0px 90px;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    font-family: "Courier New", Courier, monospace;
}

/* utility classes */
.no-margin {
    margin: 0;
}

.header-bar {
    background: #f4f4f4;
    padding: 10px;
}

.full-size {
    width: 100%;
    height: 100%;
}

.center-middle {
    text-align: center;
    vertical-align: middle;
}

.spacer-100 {
    height: 100px;
}

.logo {
    height: 70px;
}

.centered {
    margin: 0 auto;
}

/* wrapper + link styles */
.wrapper {
    margin: 1em 0;
}

    .wrapper a,
    .wrapper a:visited,
    .wrapper a:hover,
    .wrapper a:active {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
        transition: 0.5s color ease;
        text-decoration: none;
        font-weight: bold;
        font-size: 20px;
        color: #3b4151;
    }

        .wrapper a:hover {
            color: #25394a;
        }

        .wrapper a.before:before,
        .wrapper a.after:after {
            content: "";
            transition: 0.5s all ease;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
        }

        .wrapper a.before:before {
            top: -0.25em;
        }

        .wrapper a.after:after {
            bottom: -0.25em;
        }

        .wrapper a.before:before,
        .wrapper a.after:after {
            height: 0.2em;
            width: 0;
            background: #25394a;
        }

        .wrapper a.first:after {
            left: 0;
        }

        .wrapper a.before:hover:before,
        .wrapper a.after:hover:after {
            width: 100%;
        }

/* info table styling */
table.infoTable {
    border-collapse: collapse;
    color: #333;
    font-weight: bold;
    text-align: left;
}

    table.infoTable th,
    table.infoTable td {
        padding: 10px;
        border-bottom: 1px solid #333;
    }

    table.infoTable tr:hover {
        background-color: #f5f5f5;
        color: black;
    }