html, body {
    font-family: "Poppins", serif;
    background-color:rgba(25,25,25,1);
    color:rgba(255,255,255,1);
}

.dm-serif-text-regular {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: normal;
}

.dm-serif-text-regular-italic {
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-thin {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: normal;
  }
  
.poppins-extralight {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", serif;
    font-weight: 900;
    font-style: italic;
}

h2, h3, h4, h5 {
    font-family: "DM Serif Text", serif;
}

h2 {
    margin-bottom:3em;
}

h3 {
    margin-bottom:4em;
}

header {
    background-color:#491b5b;
    color:rgba(255,255,255,1);
    background-image:url('topBannerBG.jpg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.top-bar {
    padding:2em;
    background-color:rgba(0,0,0,.10);
}

.top-bar .logo-area {
    display:flex;
    align-items: center;
    white-space:nowrap;
    gap:0.5em;
}

.top-bar .logo-area a {
    font-size:2em;
    text-decoration: none;
    color:rgba(255,255,255,1);
    font-family: "DM Serif Text", serif;
}

.logo-area .logo {
    margin-bottom:-0.5em;
}

.top-bar .ticker-symbol {
    display:block;
}

.top-bar .ticker-symbol,
.top-bar .ticker-symbol a {
    color:rgba(255,255,255,.75);
    text-decoration:none;
    display:inline;
}

.top-bar .validation-links, 
.top-bar .symbol {
    display:inline-block;
}

.top-bar .ticker-symbol .bi {
    margin:0;
    padding:0;
    font-size:.8em;
}

.top-bar .ticker-symbol a {
    margin-right:0;
    display:inline-block;
    font-size:1em;
    text-align:center;
    padding:0.25em;
    width:20px;
}

.top-bar .ticker-symbol a :hover{
    background-color:rgba(0,0,0,.20);
    color:#ffffff;
}

.top-bar ul {
    list-style: none;
    margin:0;
    padding:0;
}

.top-bar ul li {
    display:inline-block;
}

.top-bar ul li a {
    text-decoration: none;
    display:inline-block;
    padding:0 1em;
    color:rgba(255,255,255,1);
}

.top-bar ul li a:hover {
    color:rgba(255,255,255,.75);
}

.top-bar .inner {
    display:flex;
    gap:1em;
    justify-content: space-between;
    align-items: center;
}

#TopBanner {
    padding:4em 0;
}

#TopBanner a {
    color:#ffffff;
}

#TopBanner .inner {
    display:flex;
    gap:1em;
    justify-content: space-between;
    align-items: center;
    position:relative;
}

#TopBanner .inner>div {
    flex-grow:1;
    flex-shrink:1;
    flex-basis:0;
    height:100%;
}

#TopBanner h1 {
    margin-bottom:0.5em;
    font-family: "DM Serif Text", serif;
    font-size:4em;
}

content section {
    text-align:center;
    padding:6em 0;
    color:rgba(255,255,255,1);
}

content section h4,
content section h5 {
    margin-bottom:1em;
}

content .about h2 {
    font-size:3em;
    margin-bottom:2em;
}

content .sale {
    background-color:#462164;
    color:rgba(255,255,255,1);
    background-image:url('topBannerBG.jpg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

content .sale .text-left {
    text-align:left;
}

content .roadmap {
    color:rgba(255,255,255,1);
}

content .roadmap .text-left {
    text-align:left;
}

content .team {
    background-color:#462164;
    color:rgba(255,255,255,1);
    background-image:url('topBannerBG.jpg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

content .faq {
    color:rgba(255,255,255,1);
}

content .faq .text-left {
    text-align:left;
}

content .contact {
    background-color:#2e0f47;
    color:rgba(255,255,255,1);
}

content .contact a {
    color:#ffffff;
}

footer {
    background-color:#462164;
    padding:2em 0;
    text-align:left;
    font-size:0.9em;
    background-image:url('topBannerBG.jpg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}

footer a {
    color:#ffffff;
}

/* Bootstrap Overrides */

.btn-primary {
    background-color:#d61282;
    border-color:#d61282;
}

.btn-primary:hover {
    background-color:#eb2596;
    border-color:#eb2596;
}

.btn-secondary {
    background-color:transparent;
    border-color:rgba(255,255,255,1);
    color:rgba(255,255,255,1);
}

.btn-secondary:hover {
    background-color:rgba(0,0,0,.65);
    background-color:rgba(0,0,0,.65);
    color:rgba(255,255,255,1);
}

.roadmap-card {
    padding:2em;
    background-color:#242424;
    margin-bottom:1em;
    border:1px solid #4e4e4e;
    border-radius:10px;
}

.team-card {
    padding:2em;
    background-color:#361552;
    margin-bottom:1em;
    border:1px solid #572e79;
    border-radius:10px;
}

.faq-card {
    padding:2em;
    background-color:#242424;
    margin-bottom:1em;
    border:1px solid #4e4e4e;
    border-radius:10px;
}

@media (max-width: 480px) {
}

@media (max-width: 991px) {
    body { font-size:0.9em; }
    .top-bar nav { display:none; }
    .top-bar .inner { justify-content:center; }
    #TopBanner .inner { display:block; text-align:center; }
    content .about h2 { margin-bottom:1.5em; }
    content .about img { margin-top:2em; }
    content .sale { text-align:center; }
    content .sale img { margin-bottom:3em; }
    content .sale .text-left { text-align:center; }
    content .faq .text-left { text-align:center; }
    footer { text-align:center; }
    footer ul { list-style:none; }
}

@media (max-width: 1200px) {
    .top-bar { font-size:0.8em; }
}