body.rainbow-theme {
    background: linear-gradient(#BBD8FF, #BBFFEF, #BEFFBB, #F3FFBB, #FFD4BB, #FFBBD8);
    font-family: "Quicksand", sans-serif;
}

@media (prefers-color-scheme: dark) {
    body.rainbow-theme {
        background: linear-gradient(
            #1a3a6a,       /* Deep navy blue */
            #1a6a5a,       /* Dark teal */
            #1a6a2a,       /* Deep forest green */
            #6a5a1a,       /* Dark gold */
            #6a3a1a,       /* Burnt orange */
            #6a1a3a        /* Deep magenta */
        );
    }
}

body.rainbow-theme #content h1, body.rainbow-theme #content h2, body.rainbow-theme #content h3, body.rainbow-theme #content h4, body.rainbow-theme #content h5, body.rainbow-theme #content h6 {
    font-family: 'Poiret One', sans-serif;
}

body.rainbow-theme h3 {
    font-family: 'Sue Ellen Francisco', sans-serif;
    text-transform: uppercase;
}

body.rainbow-theme .PictureQuote {
    font-family: Cookie;
}

body.rainbow-theme .Title {
    font-family: 'Sue Ellen Francisco', sans-serif;
}

body.rainbow-theme header .Subtitle {
    font-family: 'Poiret One', sans-serif;
}

body.rainbow-theme #content-bg {
    background-size: 60px 60px;
    background-position: -15px -15px, 15px 15px;
    background-image: radial-gradient(white 4%, transparent 0), radial-gradient(white 4%, transparent 0);
}

body.rainbow-theme .post-header > div::before {
    content:"🌸"
}

body.rainbow-theme .post-header > div::after {
    content:"🐝"
}

body.rainbow-theme .menu-bar-emoji li::before {
    content:"🌸"
}

body.rainbow-theme .menu-bar-emoji li::after {
    content:"🐝"
}

body.rainbow-theme figcaption {
    background: rgba(0, 0, 0, 0.05);
}

body.rainbow-theme .myPicture .crop  {
    border-color: white;
}

@media (prefers-color-scheme: dark) {
    body.rainbow-theme .myPicture .crop {
        border-color: #1a1a1a;
    }
}
@media only screen and (max-width: 768px) {
    body.rainbow-theme .myPicture .crop {
        border-color: white;
    }
    @media (prefers-color-scheme: dark) {
        body.rainbow-theme .myPicture .crop {
            border-color: #1a1a1a;
        }
    }
}

body.rainbow-theme a.Title:hover, body.rainbow-theme a.Subtitle:hover, body.rainbow-theme .Title a:hover, body.rainbow-theme .Subtitle a:hover {
    color: grey;
}

body.rainbow-theme .ImageBorder {
    border-color: #000000;
}

body.rainbow-theme .ContentContainer {
    color: black;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background: white;
}

@media (prefers-color-scheme: dark) {
    body.rainbow-theme .ContentContainer {
        color: white;
        box-shadow: 0 3px 6px rgba(255, 255, 255, 0.16), 0 3px 6px rgba(255, 255, 255, 0.23);
        background: #1a1a1a;
    }
}

body.rainbow-theme footer {
    background: white;
    color: black;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

@media (prefers-color-scheme: dark) {
    body.rainbow-theme footer {
        background: black;
        color: white;
        box-shadow: 0 3px 6px rgba(255, 255, 255, 0.16), 0 3px 6px rgba(255, 255, 255, 0.23);
    }
}

body.rainbow-theme #forkme_banner {
    color: #fff;
    background: #c6538c;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

body.rainbow-theme #forkme_banner > a {
    background: #c6538c;
}

body.rainbow-theme #forkme_banner a {
    color: #fff;
}
body.rainbow-theme section table tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

@media (prefers-color-scheme: dark) {
    body.rainbow-theme section table tr:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }
}


body.rainbow-theme a.cta {
    box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.23);
    border-color: #c6538c;
    background: linear-gradient(to right, #e07aa7, #b04c7b);
    color: #fff;
}

body.rainbow-theme a.cta:hover, body.rainbow-theme a.cta:visited {
    color: #fff;
    text-decoration: none;
}

body.rainbow-theme a.cta:hover {
    filter: brightness(0.8);
}

blockquote {
    border-left: 1rem solid #c6538c;
    background: #e07aa7;
    color: white;
    padding: 0.25rem 0.5rem;
    margin: 0.5rem 0;
}