/* rainbow.css — the page ground drifts through pastel hues down the page. ; rainbow.js paints the gradient from where the sections actually sit. White cards and the white / dark bands keep their own colour: only what was the cream ground changes. */ html[data-rainbow]{ background:var(--rb-end, #E3D6F5) } html[data-rainbow] body{ background-color:transparent } html[data-rainbow] .sheet-ground{ background-color:transparent } html[data-rainbow] .fable-footer{ background:transparent } html[data-rainbow] .ab{ background:transparent } /* the about area lets the rainbow through; the strip band and the box stay white */ html[data-rainbow] .ab-film{ background:#fff } html[data-rainbow="scroll"] body{ background-image:none } html[data-rainbow="scroll"]{ transition:background-color .35s linear }