body {
        font-family: 'dos437';
        font-size: 24px;
        color: lightgrey;
        margin-top: 0px;
        background-color: black;
        letter-spacing: -1px;
    }


    @font-face { font-family: dos437; src: url('img/dos437.ttf'); } 

    div {
        max-width: 1030px;
        margin-left: auto;
        margin-right: auto;
    }

    div.hero {
        max-width: 1065px;
        margin-left: auto;
        margin-right: auto;
    }

    div.body {
        margin: 17px;
        margin-left: auto;
        margin-right: auto;
    }

    img {
        max-width: 100%;
        height: auto;
        width: auto\9;
    }

    .name {
        font-weight: bold;
    }

    h1,
    h2 {
        color: whitesmoke;
    }

    table.larnTable {
        width: 100%;
        text-align: left;
        border-collapse: collapse;
    }

    table.larnTable td,
    table.larnTable th {
        border: 1px solid #AAAAAA;
        padding: 5px 15px;
    }

    table.larnTable thead {
        border-bottom: 1px solid #AAAAAA;
    }

    table.larnTable thead th {
        border: 0px solid black;
        padding: 10px 0px;
    }

    .button {
        background-color: #039903;
        border: none;
        color: lightgrey;
        text-align: center;
        text-decoration: none;
        /* display: inline-block; */
        float: right;
        font-size: 22px;
        height: 35px;
        width: 200px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }