/* Sayfa aşağı kaydırıldıkça animasyonlar oluşturulacak */
.animation.fadeLeft {
    transform: translateX(-100px);
    opacity: 0;
    transition: 2s;
}

.animation.fadeIn {
    transform: scale(.8);
    opacity: 0;
    transition: 2s;
}

.animation.fadeBottom {
    transform: translateY(-100px);
    opacity: 0;
    transition: 2s;
}

.animation.fadeTop {
    transform: translateY(100px);
    opacity: 0;
    transition: 2s;
}

.animation.fadeRight {
    transform: translateX(100px);
    opacity: 0;
    transition: 2s;
}

.animation.show {
    transform: translate(0);
    transform: scale(1);
    opacity: 1;
    transition: 2s;
}