#logo {
    animation: fadeInDown 1.3s ease-in-out !important;
    animation-delay: 5s;
}

#yazi {
    animation: fadeInLeft 2.5s ease-in-out !important;
    animation-delay: 5s;
}

#resim {
    animation: fadeInRight 2.5s ease-in-out !important;
    animation-delay: 2.5s;
}

#renk1 {
    animation: fadeInRight 3s ease-in-out !important;
    animation-delay: 3s;
}

#renk2 {
    animation: fadeInRight 3.5s ease-in-out !important;
    animation-delay: 3.5s;
}

#renk3 {
    animation: fadeInRight 4s ease-in-out !important;
    animation-delay: 4s;
}