body { 
        font-family: Arial, sans-serif; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        height: 100vh; 
        overflow: hidden; 
        background-color: #f5f5f5; 
    } 
     
    .banner { 
        background-color: #222; 
        color: #fff; 
        padding: 10px; 
        overflow: hidden; 
        white-space: nowrap; 
        box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
    } 
     
    .scroll-text { 
        display: inline-block; 
        animation: scrollBanner 10s linear infinite; 
        padding-left: 100%; 
    } 
     
    @keyframes scrollBanner { 
        0% { 
            transform: translateX(0%); 
        } 
        100% { 
            transform: translateX(-100%); 
        } 
    }