body{
    overflow: hidden;
}


nav a{
    color: black;
    width: 100%;

    transition-duration: 100ms;
}

nav a:hover{
    background-color: #1E5128;
    color: white;

    width: 105%;
    border-radius: 0 0.4rem 0.4rem 0;

    transition-duration: 100ms;
}

main{
    height: 92vh;
}



.topBar{
    height: 8vh;
}
.topBar .leftPart{
    background-color: #191A19;

    color: white;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;

    padding: 0.5rem 0;
}
.topBar .rightPart{
    background-color: #1E5128;
}
.topBar .rightPart a{
    padding: 0 5rem;
    
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
}
.topBar .rightPart a:hover{
    background-color: #4E9F3D;
    
    transition-duration: 100ms;
}


#leftBar{
    background-color: #D8E9A8;
    height: 92vh;
}