@keyframes scale {
    0%{
        opacity: 0;
        transform: scale(0.6);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes dropdownMenu {
    0%{
        opacity: 0;
        transform: translatex(60px);
    }
    100%{
        opacity: 1;
        transform: translatex(0);
    }
}
@keyframes dropdown {
    0%{
        opacity: 0;
        transform: translatex(30px);
    }
    100%{
        opacity: 1;
        transform: translatex(0);
    }
}
@keyframes navItem {
    0%{
        opacity: 0;
        transform: translatey(-20px);
    }
    100%{
        opacity: 1;
        transform: translatey(0);
    }
}

@keyframes dropdownMenu-hover  {
    0%{
        opacity: 0;
        transform: translatey(20px);
    }
    100%{
        opacity: 1;
        transform: translatey(0);
    }
}
@keyframes scale-zoon {
    0%{
        transform: scale(1);

    }
    100%{
        transform: scale(2);
    }
}

@keyframes loop-scroll {
    0% {
        top: 0;
        height: 0%;
    }
    50% {
        top: 0;
        height: 100%;
    }
    51% {
        top: 1%;
        height: 63px;
    }
    100% {
        top: 64px;
        height: 0;
    }
}
@keyframes title-anim {
    0%{
        opacity: 0;
        transform: rotate(-5deg) translateY(-150%);
    }
    100%{
        opacity: 1;
        transform: rotate(0) translateY(0);
    }
}
@keyframes img-home {
    0%{
        opacity: 0;
        transform: translateX(-150%);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes btn-home {
    0%{
        opacity: 0;
        transform: translateY(150%);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes social-icon {
    0%{
        transform: translateY(0);
    }
    25%{
        transform: translateY(-10px);
    }
    50%{
        transform: translateY(0);
    }
    75%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes pxl_line_anim {
    0% {
        left: 0;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        left: 100%;
    }
}