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

@keyframes logo {
    from {
        transform: translate(799.03px, -808.23px) scale(0.33, 0.33);
    }

    to {
        transform: translate(799.03px, 8.23px) scale(0.33, 0.33);
    }
}

#yuz {
    animation: yuz 1.2s ease-in-out !important;
    animation-delay: 5s;
}

@keyframes yuz {
    from {
        transform: translateX(-400px);
    }

    to {
        transform: translateX(0);
    }
}

#kongre-adi, #yirmi {
    animation: fadeInLeft 2.5s ease-in-out !important;
    animation-delay: 5s;
}

#kongre-yeri {
    animation: fadeInUp 2.5s ease-in-out !important;
    animation-delay: 5s;
}