@keyframes bounce-X {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    60% {
        transform: translateX(-15px);
    }
    75% {
        transform: translateX(0);
    }
    85% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(-0px);
    }
}

@keyframes bounce-Y {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-5px);
    }
    60% {
        transform: translateY(-15px);
    }
    75% {
        transform: translateY(0);
    }
    85% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(-0px);
    }
}

@keyframes naviunderline {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}