body {
    margin: 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: black;
}

.container {
    position: relative;
    z-index: 1;
    color: white;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
}

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h1 {
    font-family: Arial;
    font-weight: 900;
    background: linear-gradient(90deg, 
        #ff0000, /* Red */
        #ff7f00, /* Orange */
        #ffff00, /* Yellow */
        #00ff00, /* Green */
        #0000ff, /* Blue */
        #4b0082, /* Indigo */
        #9400d3  /* Violet */
    );
    background-clip: text;
    -webkit-background-clip: text; 
    color: transparent; 
    animation: rainbow 3s linear infinite; 
}