#kongre-adi {
    animation: ad 1s ease-in-out !important;
    animation-delay: 5s;
}

@keyframes ad {
    from {
        transform: translateX(-800px)
    }

    to {
        transform: translateX(0)
    }
}

#kongre-tarih {
    animation: tarih 1.5s ease-in-out !important;
    animation-delay: 5s;
}

@keyframes tarih {
    from {
        transform: translateY(300px)
    }

    to {
        transform: translateY(0)
    }
}

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

@keyframes logo {
    from {
        transform: translateY(-300px)
    }

    to {
        transform: translateY(0)
    }
}

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

@keyframes sol {
    from {transform: translateX(-700px)}
    to {transform: translateX(0)}
}

#sag {
    animation: sag 2s ease-in-out !important;
    animation-delay: 5s;
}

@keyframes sag {
    from {
        transform: translateX(700px)
    }

    to {
        transform: translateX(0)
    }
}