.menu-vertical {
    background-color: var(--dark-green);
    width: 200px;
    /*
    
    height: calc(100% - 5rem);
    position: absolute;
    top: 5rem;
    left: 0;

    */
    height: 100%;
}

.menu-vertical ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-vertical ul li a {
    color: var(--white);
    background-color: var(--dark-green);
    display: block;
    padding: 12px;
    text-decoration: none;
}

.menu-vertical ul li a:hover {
    background-color: var(--light-green);
    color: var(--black);
}

.menu-vertical ul li a:active {
    text-decoration: underline;
    font-size: 32px;
}