@-webkit-keyframes line-height {
    0% {
        height: 0;
    }

    to {
        height: 100%;
    }
}

@keyframes line-height {
    0% {
        height: 0;
    }

    to {
        height: 100%;
    }
}

@-webkit-keyframes line-hover {
    0% {
        background-position: bottom right
    }

    to {
        background-position: bottom left
    }
}

@keyframes line-hover {
    0% {
        background-position: bottom right
    }

    to {
        background-position: bottom left
    }
}

@-webkit-keyframes open-menu {
    0% {
        transform: translateY(var(--translate)) rotate(0)
    }

    50% {
        transform: translateY(-50%) rotate(0)
    }

    to {
        transform: translateY(-50%) rotate(var(--rotate))
    }
}

@keyframes open-menu {
    0% {
        transform: translateY(var(--translate)) rotate(0)
    }

    50% {
        transform: translateY(-50%) rotate(0)
    }

    to {
        transform: translateY(-50%) rotate(var(--rotate))
    }
}

@-webkit-keyframes ml-content-reverse {
    0% {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 100%;
        opacity: 1;
    }
}

@keyframes ml-content-reverse {
    0% {
        width: 0%;
        opacity: 0;
    }

    to {
        width: 100%;
        opacity: 1;
    }
}

@-webkit-keyframes ml-content {
    0% {
        width: 100%
    }

    to {
        width: 0%
    }
}

@keyframes ml-content {
    0% {
        width: 100%
    }

    to {
        width: 0%
    }
}

@-webkit-keyframes btn-hover {
    0% {
        width: 0%;
        height: 0%;
    }

    100% {
        width: 600px;
        height: 600px;
    }
}

@keyframes btn-hover {
    0% {
        width: 0%;
        height: 0%;
    }

    100% {
        width: 600px;
        height: 600px;
    }
}

@-webkit-keyframes btn-hover-reverse {
    0% {
        width: 600px;
        height: 600px;
    }

    100% {
        width: 0%;
        height: 0%;
    }
}

@keyframes btn-hover-reverse {
    0% {
        width: 600px;
        height: 600px;
    }

    100% {
        width: 0%;
        height: 0%;
    }
}

@-webkit-keyframes open-menu {
    0% {
        transform-origin: center;
        transform: rotate(0)
    }

    to {
        transform-origin: center;
        transform: rotate(90deg)
    }
}

@keyframes open-menu {
    0% {
        transform-origin: center;
        transform: rotate(0)
    }

    to {
        transform-origin: center;
        transform: rotate(90deg)
    }
}

@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        transition-duration: 4000;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transition-duration: 4000;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transition-duration: 4000;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transition-duration: 4000;
        transform: translateY(0);
    }
}

@-webkit-keyframes opacity-content {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
    }
}

@keyframes opacity-content {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes opacity-reverse {
    0% {
        opacity: 0
    }

    to {
        opacity: 1;
    }
}

@keyframes opacity-reverse {
    0% {
        opacity: 0
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeLeft {
    0% {
        transition-duration: 4000;
        left: 100%;
    }

    to {
        transition-duration: 4000;
        left: 0%;
    }
}

@keyframes fadeLeft {
    0% {
        transition-duration: 4000;
        left: 100%;
    }

    to {
        transition-duration: 4000;
        left: 0%;
    }
}

@-webkit-keyframes fadeLeft-reverse {
    from {
        transition-duration: 4000;
        left: 0;
    }

    to {
        opacity: 1;
        transition-duration: 4000;
        left: 100%;
    }
}

@keyframes fadeLeft-reverse {
    from {
        transition-duration: 4000;
        left: 0;
    }

    to {
        opacity: 1;
        transition-duration: 4000;
        left: 100%;
    }
}