*[imefekt] {
    opacity: 0;
}

.sabit {
    animation-name: sabit;
    animation-duration: 0.5s;
    opacity: 1;
}

@keyframes sabit {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.yukariya {
    animation-name: yukariya;
    animation-duration: 1s;
    opacity: 1;
}

@keyframes yukariya {
    from {
        opacity: 0;
        transform: translateY(50%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

.asagiya {
    animation-name: asagiya;
    animation-duration: 1s;
    opacity: 1;
}

@keyframes asagiya {
    from {
        opacity: 0;
        transform: translateY(-50%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

.saga {
    animation-name: saga;
    animation-duration: 1s;
    opacity: 1;
}

@keyframes saga {
    from {
        opacity: 0;
        transform: translateX(-50%);
    }

    to {
        opacity: 1;
        transform: translateX(0%);
    }
}

.sola {
    animation-name: sola;
    animation-duration: 1s;
    opacity: 1;
}

@keyframes sola {
    from {
        opacity: 0;
        transform: translateX(50%);
    }

    to {
        opacity: 1;
        transform: translateX(0%);
    }
}