@keyframes fade_in {
    0% {
        transform: translateY(-50vh);
        opacity: 0;
    }

    100% {
        transform: translateY(0vh);
        opacity: 1;
    }

}
@keyframes title {
    0% {
        transform: translateY(100vh);
        opacity: 0;
    }

    100% {
        transform: translateY(0vh);
        opacity: 1;
    }

}

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

    100% {
        margin-bottom: 3.241vh;
        opacity: 1;
    }

}

@keyframes change {
    0% {
        background-color: #282828;
    }

    50% {
        background-color: #282828;
    }

    100% {
        background-color: #282828c9;
    }
}

@keyframes slide_right {
    0% {
        transform: translateX(100vw);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide_left {
    0% {
        transform: translateX(-100vw);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }

    100% {
        transform: rotate(180deg);
        opacity: 1;
    }
}

@keyframes menu_slide {
    0%{
        transform: translateX(-50vw);
    }
    100%{
        transform: translateX(0);
    }
}