/* 1. Set a clean, solid background for the main page */
body {
    background-color: #000000 !important;
    margin: 0;
    padding: 20px;
    font-family: sans-serif;
}

/* 2. Target ONLY specific headers for the rainbow text effect */
h1, .rainbow-text {
    background: linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block; 
}

/* 3. Keep your body text and links solid and high-contrast so they are readable */
p, li {
    color: #ffffff; /* Clean white text */
}

a, a:visited {
    color: #00ffff; /* High-contrast cyan links */
    text-decoration: underline;
}