@media (min-width: 480px) {
    .custom___certificate___h3{
        bottom: 130px;
        font-size: 25px;
    }
}
.animation_logo{
    animation: zoomInDown 2s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    
}

/* Write a left to right increase opacity keyframe animation */
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Write a zoom in down keyframe animation */
@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

/* Write a bounce down animation keyframe */
@keyframes bounceDown {
    0% {
        transform: translateY(-1000px);
    }
    60% {
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}


@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}