body{
    scroll-behavior: smooth;
}

@keyframes scroll-left {
    0% {
        transform: translateX(105%);
    }
    100% {
        transform: translateX(-75%);
    }
}

@keyframes scroll-loop {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}


.slide-in-right {
    transform: translateX(100%);
    animation: slideIn 1s forwards;
}
.slide-out-left {
    animation: slideOut 1s forwards;
}

@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0%); }
}
@keyframes slideOut {
    from { transform: translateX(0%); }
    to { transform: translateX(-100%); }
}