#home{
    transition: width 0.2s ease-in-out, height 0.2s ease-in-out, left 0.2s ease-in-out, top 0.2s ease-in-out;
}
#header{
    transition: width 0.2s ease-in-out;
}
#footer{
    transition: width 0.2s ease-in-out;
}
.menu-container {
    transition:
        width 0.3s ease-in-out,
        max-width 0.3s ease-in-out,
        min-width 0.3s ease-in-out,
        position 0.3s ease-in-out,
        border-radius 0.3s ease-in-out,
        opacity 0.3s ease-in-out,
        border-inline 0.3s ease-in-out;
}

.menu-item {
    transition: max-height 0.35s ease-in-out, border-bottom 0.35s ease-in-out, opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
}