#button-bar {
    opacity: 0.9;
    background-color: #36231D;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out;
}

    #button-bar .caption {
        color: #f1ead9;
    }

    #button-bar img {
        height: 20px;
        width: 20px;
    }

    #button-bar li {
        height: 45px;
    }

    #button-bar.show-bar {
        max-height: 65px;
    }

    #button-bar .show-bar {
        animation: showButtonBar 1s forwards;
    }

@keyframes showButtonBar {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 65px;
    }
}