@keyframes menuT {
    0%{
        transform: translateX(10px);
    }
    100%{
        transform: translateX(0px);
    }
}
@keyframes menuSpanHide {
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-105px);
    }
}
@keyframes menuSpanShow {
    0%{
        transform: translateX(-105px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes popNavShow {
    0%{
        transform: translateX(428px);
    }
    100%{
        transform: translateX(0px);
    }
}
@keyframes popNavHide {
    0%{
        transform: translateX(0px);
    }
    100%{
        transform: translateX(428px);
    }
}
@keyframes closedT {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-180deg);
    }
}
@keyframes closedT2 {
    0%{
        transform: rotate(-180deg);
    }
    100%{
        transform: rotate(0deg);
    }
}
@keyframes sidebarShow {
    0%{
        transform: translateX(-100px);
    }
    100%{
        transform: translateX(0px);
    }
}
@keyframes sidebarHide {
    0%{
        transform: translateX(0px);
    }
    100%{
        transform: translateX(-100px);
    }
}
@keyframes playBtnShow {
    0%{
        transform: translateX(0px);
    }
    100%{
        transform: translateX(-86px);
    }
}
@keyframes playBtnHide {
    0%{
        transform: translateX(-86px);
    }
    100%{

        transform: translateX(0px);
    }
}