h1:not(.page-caption),
.left-animation {
    animation: moveInLeft 1s ease-out;
}

.right-animation {
    animation: moveInRight 1s ease-out;
}

.page-caption {
    animation: fadeIn 1s ease;
}

@keyframes moveInLeft {
    0% {
        opacity: 0; 
        transform: translateX(-100px);
    }

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

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

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

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}