/* Lisa.CSS 
 * For Lisa the Loser Goonslut. */

/* PALETTE */
:root {
    --porn-teal: #58d3cf;
    --porn-pink: #e01fc9;
    }


/* FEATURE LINKS ARE BROKEN WITHOUT THIS*/
a.lisa-link {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
a.lisa-link:hover {
    color: #ff28e5 !important;
    }
a.lisa-link:visited {
    color: #9960e5;
    }
.teal-border {
    border-color: #58d3cf;}


/* CODE */
.code {
    color: #8ea7c9;
    text-shadow: 2px 2px 2px rgba(40, 205, 255, 0.64);
    }

/* SPIRALING BLACK */
.spiraling-black {
    background-color: black;
    background: url('/Chatbots/Lisa/(Erica_Wakerly)_Spiraling.png');
    background-repeat: repeat; 
    background-size: 330px;
    text-shadow: 2px 2px 2px rgba(255, 40, 229, 0.77);
    border-color: var(--porn-teal) !important;
    color: white;
    }
.spiraling-black > p {
    color: white;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.spiraling-black > p > em {
    color: #ff40bc;
    text-shadow: 2px 2px 2px rgba(0, 118, 162, 0.77);
    }
.spiraling-black > p > i {
    font-family: Gazette Italic;
    font-style: normal;
    }
.spiraling-black > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.spiraling-black > * > a:hover {
    color: #ff28e5 !important;
    }
.spiraling-black > * > a:visited {
    color: #9960e5;
    }
.spiraling-black > * > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.spiraling-black > * > * > a:hover {
    color: #ff28e5 !important;
    }
.spiraling-black > * > * > a:visited {
    color: #9960e5;
    }



/* LISA's DIALOGUE */
.lisa-label {
    color: white;
    background-color: rgba(82, 228, 255, 0.53);
    text-shadow: 2px 2px 1px rgba(58, 1, 185, 0.53) !important;
    }
.lisa-label2 {
    color: white;
    background-color: rgba(255, 82, 228, 0.53);
    text-shadow: 2px 2px 1px rgba(58, 1, 185, 0.53) !important;
    }
.lisa-dialogue {
    color: #ff29bb;
    text-shadow: 2px 2px 2px rgba(118, 30, 255, 0.77);
    font-family: Gazette Bold;
    font-size: calc(14px + 0.380625vw) !important;
    }
.lisa-dialogue > em {
    font-family: Gazette Italic !important;
    font-weight: bold;
    text-decoration: underline;
    font-style: normal;
    }


/* NEON HEARTS */
.neon-hearts-teal {
    background-color: #002429;
    background: url('/Chatbots/Lisa/(Martha_Kraft)_Neon-Hearts-Teal.jpg');
    background-size: 300px;
    color: white;
    text-shadow: 2px 2px 2px rgba(255, 40, 229, 0.77);
    border-color: black !important;
    }
.neon-hearts-teal > p {
    color: white;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.neon-hearts-teal > * > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-teal > * > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-teal > * > * > a:visited {
    color: #9960e5;
    }
.neon-hearts-teal-BLUR {
    background-color: #002429;
    background: url('/Chatbots/Lisa/(Martha_Kraft)_Neon-Hearts-Teal-BLUR.jpg');
    background-size: 300px;
    text-shadow: 2px 2px 2px rgba(255, 40, 229, 0.77);
    border-color: black !important;
    color: white;
    }
.neon-hearts-teal-BLUR > p {
    color: white;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.neon-hearts-teal > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-teal > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-teal > * > a:visited {
    color: #9960e5;
    }

.neon-hearts-teal-BLUR > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-teal-BLUR > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-teal-BLUR > * > a:visited {
    color: #9960e5;
    }
.neon-hearts-teal-BLUR > * > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-teal-BLUR > * > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-teal-BLUR > * > * > a:visited {
    color: #9960e5;
    }


/* ALBANY NEON HEARTS */
.neon-hearts-albany {
    background-color: #ED8EEE;
    background: url('/Chatbots/Lisa/(Albany)_Neon-Hearts.jpg');
    background-size: 300px;
    text-shadow: 2px 2px 2px rgba(255, 40, 229, 0.77);
    color: white;
    border-color: black !important;
    }
.neon-hearts-dark {
    background-color: #1C5979;
    background: url('/Chatbots/Lisa/(Albany)_Neon-Hearts-Dark.jpg');
    background-size: 300px;
    text-shadow: 2px 2px 2px rgba(255, 40, 229, 0.77);
    color: white;
    border-color: black !important;
    }
.neon-hearts-dark > p {
    color: white;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.neon-hearts-dark > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-dark > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-dark > * > a:visited {
    color: #9960e5;
    }
.neon-hearts-dark > * > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-dark > * > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-dark > * > * > a:visited {
    color: #9960e5;
    }


/* ALBANY NEON HEARTS DARK PINK */
.neon-hearts-dark-pink {
    background-color: #002429;
    background: url('/Chatbots/Lisa/(Albany)_Neon-Hearts-Dark-Pink.jpg');
    background-size: 300px;
    text-shadow: 2px 2px 2px rgba(255, 40, 229, 0.77);
    border-color: black !important;
    color: white;
    }
.neon-hearts-dark-pink > p {
    color: white;
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: calc(13px + 0.380625vw); /* 0.380625vw */
    }
.neon-hearts-dark-pink > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-dark-pink > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-dark-pink > * > a:visited {
    color: #9960e5;
    }
.neon-hearts-dark-pink > * > * > a {
    color: #55e7ff;
    text-shadow: 2px 2px 2px rgba(138, 58, 255, 0.75) !important;
    }
.neon-hearts-dark-pink > * > * > a:hover {
    color: #ff28e5 !important;
    }
.neon-hearts-dark-pink > * > * > a:visited {
    color: #9960e5;
    }