22-12_Brandi_RoseQuartz

<style type="text/css">
    #wrapper {
        background: url(https://i.postimg.cc/VzmVzfRm/22-12-Brandi-Rose-Quartz-full-v2.png) no-repeat top center;
        width: auto;
        }

h1.dark-blue {margin-bottom: 40px !important;}

#interactiveBanner {display: none;}
#membersOnline, #socialIcons, #logo {display: none;}
#credit {position: absolute; top: 375px; font-size:10px;}

/** TABLET CODES **/
    @media (max-width: 1023px) {
        #wrapper {
            background: urlhttps://i.postimg.cc/rFctRYnR/22-12-Brandi-Rose-Quartz-tablet.png) no-repeat top center;
            background-size: cover;
            width: auto;}
        h1.dark-blue {margin-top: 150px}
#credit {top: 260px; width:100%;}
.mainTable {margin-top:220px; margin-bottom: -150px;}
h1 {font-size: 40px;}
        }

/** MOBILE CODES **/
    @media (max-width: 500px) {
        #wrapper {
            background: url(https://i.postimg.cc/KctMzyNy/22-12-Brandi-Rose-Quartz-mobile.png) no-repeat top center;
            background-size: cover;
            width: auto;
            }
#credit {top: 260px; width:100%;}
        }

/** LINK & HEADING COLOR CHANGES **/
    a.menuToggle, a.menuToggle:hover, h4, h5, h6, #sideNavMenu b, .m-t-md, .m-b-md, .green, #footerMagic, #footerContent h3, #footerSubsidiaries, label, #dateTime{
        color: var(--c1) !important;
    }
    #footerMenu a:link, #footerMenu a:visited, #mainContentNav a, .forumReplyLinksLinks a, .forumLinksLinks li {
        color: var(--c2) !important;
    }
    a.sideNavMenuLink:link, a.sideNavMenuLink:visited { color: var(--c4) !important;}
    a.sideNavMenuLink:Hover, .forumMembersInAreaTitle, .darkblue, .dark-blue, #footerCopyright, #footerDescription, p.a, #mainContentNav > ul a, .dark-blue a:link, .dark-blue a:visited, #credit {
        color: var(--c3) !important;
    }
    a:hover, #footerMenu a:hover, #mainContentNav a:hover, .dark-blue a:hover {
        color: var(--c4) !important;
    }

.forumThreadFlagged { background-color: var(--c1); }

    /** COLOR VARIABLES **/
* {
    --c1: #eadda7;
    --c2: #eb5963;
    --c3: #e9ebd5;
    --c4: #c384a5;
    }
</style>
<!--- LAYOUT DESIGN AND CODE BY SARA, DO NOT REMOVE CREDIT PLEASE --->
<div id="credit"><i>layout by: <a href="userinfo/Sara">Sara</a></i></div>