@keyframes FadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

@keyframes animateTop {
    0% {
        top: -300px;
    } 
    100% {
        top: 0;
    }
}

@keyframes animateBottom {
    0% {
        bottom: -300px;
    } 
    100% {
        bottom: 0;
    }
}

@keyframes animateLeft {
    0% {
        left: -100px;
    } 
    100% {
        left: 20px;
    }
}

@keyframes animateRight {
    0% {
        right: -300px;
    } 
    100% {
        right: -20px;
    }
}

@keyframes slideRightOutside {
    0% {
        padding-right: 40px;
    } 
    100% {
        padding-right: 20px;
    }
}

@keyframes slideRightInside {
    0% {
        padding-left: 0px;
    } 
    100% {
        padding-left: 20px;
    }
}

@keyframes slideMarginRight {
    0% {
        margin-left: 15px; 
    } 
    100% {
        margin-left: 45px;
    }
}

@keyframes slideLeftOutside {
    0% {
        padding-right: 0px;
    } 
    100% {
        padding-right: 20px;
    }
}

@keyframes slideLeftInside {
    0% {
        padding-left: 30px;
    } 
    100% {
        padding-left: 10px;
    }
}

@keyframes slideMarginLeft {
    0% {
        margin-left: 45px;
    } 
    100% {
        margin-left: 15px;
    }
}

@keyframes slideUp {
    0% {
        margin-bottom: -15px;
    } 
    100% {
        margin-bottom: 15px; 
    }
}

@keyframes slideDown {
    0% {
        margin-bottom: 15px;
    } 
    100% {
        margin-bottom: -15px;
    }
}

@keyframes bounce {
    0%, 50%, 100% {
        transform: translateY(0px);
    } 
    25%, 75% {
        transform: translateY(-10px); 
    } 
}

@keyframes zoom {
    0% {
        transform: scale(0, 0);
    } 
    100% {
        transform: scale(1.5, 1.5);
    }
}