.fadeOutAnimation{
    animation: fadeOut;
    animation-fill-mode: forwards;
}

.fadeInAnimation{
    animation: fadeIn;
    animation-fill-mode: forwards;
}

.minusWidthAnimation{
    animation: minusWidthMenu ease-in-out;
    animation-fill-mode: forwards;
}

.minusWidthAnimation .vertical-menu-option{
    max-width: 40px;
}

.moreWidthAnimation{
    animation: moreWidthMenu ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes fadeOut{
    0%{
        opacity: 100%;
    }

    100%{
        opacity: 0%;
    }
}

@keyframes fadeIn{
    0%{
        opacity: 0%;
    }

    100%{
        opacity: 100%;
    }
}

@keyframes minusWidthMenu {
    0%{
        width: 20%;
    }

    100%{
        width: 5%;
    }
}

@keyframes moreWidthMenu {
    0%{
        width: 5%;
    }

    100%{
        width: 20%;
    }
}