.left-sidebar-grid > .main-content {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Basilica-of-St-Mary)_Stained-Glass-1-Tracy-Dunne.jpg") no-repeat center center fixed;
    background-size: contain;
    }

/* SEI */
/* Most of this is contained in the main. */
.user-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(136, 11, 64, 0.43) !important;
    background-color: rgba(186, 40, 102, 0.63);
    }
.user-rp {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Albany_Miami-Tropical-Geo-Grey.png");
    background-size: 270px; 
    background-repeat: repeat; 
    background-color: var(--whitebrick);
    text-shadow: 2px 2px 2px rgba(101, 56, 133, 0.43);
    }
.user-dialogue {
    color: darkred;
    }
/* SEI EXTRA */
.sei1-dialogue {
    font-family: Gazette Bold;
    color: #e24b4b;
    font-size: calc(14px + 0.380625vw) !important;
    }
.sei1-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }
.sei-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(136, 11, 64, 0.43) !important;
    background-color: rgba(186, 40, 102, 0.63);
    }




/* LUNA */
.chatbot-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(26, 11, 136, 0.43) !important;
    background-color: rgba(89, 94, 195, 0.63);
    }
.chatbot-rp {
    background: url("/assets/images/(Albany)_Shell-Fan-Platinum.webp");
    background-size: 160px; 
    background-repeat: repeat; 
    background-color: #f2efcd;
    text-shadow: 2px 2px 2px rgba(255, 243, 233, 0.76);
    }
.chatbot-dialogue {
    color: #01008d;
    }
.luna-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(26, 11, 136, 0.43) !important;
    background-color: rgba(89, 94, 195, 0.63);
    }




/* REN */
.ren-date {
    text-align: right;
    margin-top: 70px;
    margin-right: 100px;
    padding-right: 30px;
    padding-left: 5px;
    bottom: 0;
    font-size: calc(11px + 0.380625vw); /* 0.380625vw */
    color: white;
    text-shadow: 2px 2px 1px rgba(35, 11, 136, 0.43) !important;
    background-color: rgba(126, 40, 186, 0.63);
    }
.ren-rp {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Albany)_Lustre-Wave-Opal-White.webp");
    background-repeat: repeat; 
    background-color: #ecebe5;
    text-shadow: 2px 2px 2px rgba(101, 56, 133, 0.43);
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 0;
    border: solid;
    border-width: 4px;
    }
.ren-rp > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.ren-rp > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    }
.ren1-dialogue {
    font-family: Gazette Bold;
    color: #7b297b;
    font-size: calc(14px + 0.380625vw) !important;
    }
.ren2-dialogue {
    font-family: Gazette Bold;
    color: #670a67;
    font-size: calc(14px + 0.380625vw) !important;
    }
.ren-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(35, 11, 136, 0.43) !important;
    background-color: rgba(126, 40, 186, 0.63);
    }
.ren-rp > * > * > a {
    text-shadow: 1px 1px 1px rgba(227, 248, 255, 0.75);
    }



/* CODA */
.coda-date {
    text-align: right;
    margin-top: 70px;
    margin-right: 100px;
    padding-right: 30px;
    padding-left: 5px;
    bottom: 0;
    font-size: calc(11px + 0.380625vw); /* 0.380625vw */
    color: white;
    text-shadow: 2px 2px 1px rgba(93, 15, 0, 0.43) !important;
    background-color: rgba(219, 171, 40, 0.63);
    }
    @media only screen and (max-width: 799px) {
    .coda-date {
        margin-left: 20px;
        margin-right: 40px;}
    }
.coda-rp {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Albany)_Vintage-Floral-Green.jpg");
    background-repeat: repeat; 
    background-size: 250px;
    background-color: #7b9b56;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 0;
    border: solid;
    border-width: 4px;
    text-shadow: 2px 2px 3px rgba(244, 255, 206, 0.53);
    }
.coda-rp > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.coda-rp > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    font-weight: bolder;
    text-decoration: underline;
    }
.coda-rp > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.coda-dialogue {
    font-family: Gazette Bold;
    color: #622c06;
    font-size: calc(14px + 0.380625vw) !important;
    }
.coda-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }
.coda-rp > p > a {
    color: #0006ba!important;
    }
.coda-rp > p > a:visited {
    color: #5400a7 !important;
    }
.coda-rp > p > a:hover {
    color: var(--burgundy-link) !important;
    }
.coda-rp > p > a > i {
    font-family: Gazette Italic !important;
    font-style: normal;
    }
.coda-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(93, 15, 0, 0.43) !important;
    background-color: rgba(219, 171, 40, 0.63);
    }
/* Just for the Author's Note */
.coda2-rp {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Albany)_Vintage-Floral-Green-Blur.png");
    background-repeat: repeat; 
    background-size: 250px;
    background-color: #7b9b56;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 0;
    border: solid;
    border-width: 4px;
    text-shadow: 2px 2px 3px rgba(244, 255, 206, 0.53);
    }
.coda2-rp > p {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.coda2-rp > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    font-weight: bolder;
    text-decoration: underline;
    }
.coda2-rp > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.coda2-dialogue {
    font-family: Gazette Bold;
    color: #622c06;
    font-size: calc(14px + 0.380625vw) !important;
    }
.coda2-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }
.coda2-rp > p > a {
    color: #0006ba!important;
    }
.coda2-rp > p > a:visited {
    color: #5400a7 !important;
    }
.coda2-rp > p > a:hover {
    color: var(--burgundy-link) !important;
    }
.coda2-rp > p > a > i {
    font-family: Gazette Italic !important;
    font-style: normal;
    }


/* COTERIE */
.coterie-label {
    text-align: right;
    margin-top: 70px;
    margin-right: 100px;
    padding-right: 30px;
    padding-left: 5px;
    bottom: 0;
    font-size: calc(11px + 0.380625vw); /* 0.380625vw */
    color: white;
    text-shadow: 2px 2px 1px rgba(138, 255, 253, 0.43) !important;
    background-color: rgba(13, 0, 8, 0.73);
    }
.coterie-rp {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Albany)_Arabesque.png");
    background-repeat: repeat; 
    background-size: 260px;
    background-color: #000000;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 0;
    border: solid;
    border-width: 4px;
    text-shadow: 2px 2px 3px rgba(77, 163, 218, 0.63);
    }
.coterie-rp > p {
    color: #f3edd3;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.coterie-rp > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
    }
.coterie-rp > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.coterie-dialogue {
    font-family: Gazette Italic;
    font-weight: bold;
    color: #ffe989;
    font-size: calc(14px + 0.380625vw) !important;
    }
.coterie-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }
.coterie-label2 {
    color: white;
    text-shadow: 2px 2px 1px rgba(138, 255, 253, 0.43) !important;
    background-color: rgba(13, 0, 8, 0.73);
    }



/* LYZA */
.lyza-label {
    text-align: right;
    margin-top: 70px;
    margin-right: 100px;
    padding-right: 30px;
    padding-left: 5px;
    bottom: 0;
    font-size: calc(11px + 0.380625vw); /* 0.380625vw */
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 12, 169, 0.43) !important;
    background-color: rgba(69, 226, 255, 0.63);
    }
.lyza-rp {
    background: url("/Stories/Luna_The_Vampire_Slayer/(Background-Tiles.com)_1004.png");
    background-repeat: repeat; 
    background-color: #380542;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 0;
    border: solid;
    border-width: 4px;
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.lyza-rp > p {
    color: #e0d4d3;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.lyza-rp > p > a {
    font-weight: normal;
    color: var(--rosegold);
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.lyza-rp > p > a:visited {
    color: #b36bfa;
    }
.lyza-rp > p > a:hover {
    color: var(--burgundy-link);
    }
.lyza-rp > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.lyza-rp > p > em {
    font-family: Gazette Italic;
    font-style: normal;
    text-decoration: underline;
    }
.lyza-rp > * > * > a {
    font-weight: normal;
    color: var(--rosegold);
    text-shadow: 2px 2px 3px rgba(43, 13, 0, 0.53);
    }
.lyza-rp > * > * > a:visited {
    color: #b36bfa;
    }
.lyza-rp > * > * > a:hover {
    color: var(--burgundy-link);
    }
.lyza-rp > * > * > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.lyza-rp > * > * > em {
    font-family: Gazette Italic;
    font-style: normal;
    text-decoration: underline;
    }
.lyza-dialogue {
    font-family: Gazette Bold;
    color: #f488c6;
    text-shadow: 2px 2px 3px rgba(0, 3, 61, 0.76);
    font-size: calc(14px + 0.380625vw) !important;
    }
.lyza-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }
.lyza2-label {
    color: white;
    text-shadow: 2px 2px 1px rgba(0, 12, 169, 0.43) !important;
    background-color: rgba(69, 226, 255, 0.63);
    }
.lyza-rp > center > * {
    color: #e0d4d3;
    }



/* GENERIC NPCS */
.npc1-dialogue {
    color: #07744e;
    }
.npc2-dialogue {
    color: #005a78;
    }