body {
    font-family: system-ui, sans-serif;
    text-align: center;
    padding: 24px;
    color: #3b82f6;

    background-color: #f0f0f0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url("images/background.jpg");
    background-size: cover;
}


.rgb-text {
    /* Размер и шрифт */
    font-size: 24px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    
    /* Градиентный фон с яркими цветами */
    background: linear-gradient(90deg, #ff0000, #ff8800, #ffff00, #00ff00, #0088ff, #8800ff, #ff0000);
    background-size: 300% 100%; /* Делаем фон шире для анимации */
    
    /* Обрезаем фон по контуру текста */
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Делаем сам текст прозрачным, чтобы был виден фон */
    color: transparent;
    
    /* Анимация движения градиента */
    animation: rainbow 4s linear infinite;

    /* Для красоты – тень или подсветка */
    text-shadow: 0 0 20px rgba(255,255,255,0.3);
}

@keyframes rainbow {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}