body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    background-color: rgb(44, 45, 45);
}

.navigation {

    ul {
        list-style-type: none;
        background-color: rgb(19, 19, 19);
        font-size:1.5em;
        margin: 0%;
        padding: 0%;
        overflow: hidden;
    }

    li {
        float: left;
        height: 2.5em;

        a {
            display: inline-flex;
            color: snow;
            height:2.1em;
            text-align: center;
            padding-top: 0.2em;
            padding-bottom: 0.2em;
            padding-left: 0.6em;
            padding-right: 0.6em;
            text-decoration: none;
            align-items: center;
        }

        .navElement:hover {
            background-color: rgb(30, 30, 30);
            /*border: 0.1em white solid;
            padding-top: 0.1em;
            padding-bottom: 0.1em;
            padding-left: 0.6em;
            padding-right: 0.6em;*/

        }

    }
}

.content {
    margin-right: 15%;
    margin-left: 15%;
    margin-top: 2.5%;
    color: snow;
    

    h1 {
        text-align: center;
        font-size: 2.0em;
        padding-bottom: 0.5em;
    }
    p {
        font-size: 1.1em;
    }
}

.dataTable {
    text-align: left;
    margin-left: 12.5%;
    margin-right: 12.5%;
    
    th {
        padding-right: 2.5em;
    }
    td {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 2.5em;
    }
}