:root {
    --text-clip: text; /* just to avoid the warnings for background-clip attributes */
}
@supports (-webkit-background-clip: text) {
    .rainbow-text-h {
        background-image: linear-gradient(to right
        , #ff0000 /* red     */
        , #f79206 /* orange  */
        , #d5cb03 /* yellow  */
        , #69dd02 /* green   */
        , #03bac6 /* cyan    */
        , #2882ff /* blue    */
        , #7d5efe /* violet  */
        , #ac46fb /* purple  */
        , #ed03ff /* magenta */
        , #ff0000 /* red     */
        );
        -webkit-background-clip: var(--text-clip); /* Warning: "text" is not a valid value */
        -moz-background-clip: var(--text-clip); /* Warning: "text" is not a valid value */
        background-clip: var(--text-clip); /* Warning: "text" is not a valid value */
        color: transparent;
    }

    .white-on-rainbow-h {
        background-image: linear-gradient(to right
        , #ff0000 /* red     */
        , #f79206 /* orange  */
        , #d5cb03 /* yellow  */
        , #69dd02 /* green   */
        , #03bac6 /* cyan    */
        , #2882ff /* blue    */
        , #7d5efe /* violet  */
        , #ac46fb /* purple  */
        , #ed03ff /* magenta */
        , #ff0000 /* red     */
        );
        -webkit-background-clip: content-box; /* Warning: "text" is not a valid value */
        -moz-background-clip: content-box; /* Warning: "text" is not a valid value */
        background-clip: content-box; /* Warning: "text" is not a valid value */
        color: white;
    }
}
.multiline {
    white-space: pre-wrap;
}
.testcssviews {
    color: magenta;
    font-weight: bold;
}
.site-cshtml {
    margin-top: 80px;
    text-align: end;
}