App.css

body
{
    background-color: rgb(24, 22, 22);
    color : rgb(218, 218, 218);
}


.navigation
{
    position: fixed;
    top: 0;
    background-color: rgb(58, 58, 58);
    width : 100%;
}


.navTop /* Topside of the navigation block*/
{
    display : flex;
    justify-content: center;
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.navBot /* Botside of the navigation block*/
{
    display : flex;
    justify-content: center;
}


.navigationBar
{
    display:flex;
    flex-direction:row;
    list-style: none;           /* removing bullet points */
    border-style: solid;
    border-width: 1px;
    padding: 16px;
}


.navigationBar a
{
    text-decoration: none;
    color : rgb(218, 218, 218);
    padding: 16px;
}

.navigationBar a:hover
{
    background-color: #111111;
}