@keyframes homeTeethRight {
    0% {
        transform: translateX(0) translateY(0);
    }
    50% {
        transform: translateX(20%) translateY(-30px);
    }
    100% {
        transform: translateX(0) translateY(0);
    }
}

@keyframes homeTeethLeft {
    0% {
        transform: translateX(0) translateY(0);
    }
    50% {
        transform: translateX(-20%) translateY(-30px);
    }
    100% {
        transform: translateX(0) translateY(0);
    }
}

@keyframes homeTeethTop {
    0% {
        transform: translateX(0) translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateX(0) translateY(0);
    }
}

@keyframes buttonRight {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
    
}

.defaultPosition{
    transform: translateX(0) translateY(0) translateZ(0) !important;
    opacity: 1 !important;
}

.defaultWidth{
    width: 100% !important;
}


.startLeft {
    transform: translateX(-100%);
    opacity: 0;
    transition: all 0.7s ease-out;
    overflow: hidden;
}

.startRight {
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.7s ease-out;
    transition-delay: 0s;
    overflow: hidden;
}

.startTop {
    transform: translateY(-100%);
    opacity: 0;
    transition: all 0.5s ease-out;
    transition-delay: 0s;
    overflow: hidden;
}

.startBottom {
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-out;
    overflow: hidden;
}