/* =============================================================================
   Block: Experiments Page
   CUBE CSS: Experiments listing page — gradient background and color overrides.
   ============================================================================= */

.page-experiments {
    background: linear-gradient(#000, var(--color-accent));
    color: var(--color-text-inverse);
}

.page-experiments a {
    color: red;
}

/* Override project title underline color for experiments page */
.page-experiments .work-container li .projTitle p {
    color: red;
    background-image: linear-gradient(to right, red 0, red 100%);
}

/* Particle background container */
.background-jazz {
    position: fixed;
    width: 100vw;
    z-index: -10;
}

/* Opening statement */
.experimentStatement h1 {
    display: inline-block;
    color: var(--color-text-inverse);
    font-family: var(--font-sans);
    font-size: var(--text-2xl);
    position: relative;
    margin-top: 20vh;
}