$primary_background_color: #EEEEEE;
$primary_font_color: #111111;

$secondary_background_color: #DDDDDD;
$secondary_font_color: #333333;


ul {
    padding: 0;
}

li {
    list-style: none;
    width: 100%;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    flex-direction: column;
}

a {
    background-color: transparent;
    padding: 1em;
    border: 0;
    margin: 0;
    font-size: large;
    text-decoration: none;
    color: $primary_font_color;
}

a:hover {
    background-color: #FCFCFC;
}

a.active {
    background-color: #F5F5F5;
}