:root {
    --theme-dark-purple: #08081A;
    --theme-orange: #F29F05;
    --theme-light-blue: #7BB7E9;
    --theme-light-purple: #6A59D9;
    --theme-white: #fafbf5;
    --theme-neon-blue: #8DF2EC;
    --theme-fancy-head: #8DAEF2;
    --spartan-font: 'League Spartan', sans-serif;
    --libre-font: 'Libre Baskerville', serif;
}

::-moz-selection { /* Code for Firefox */
    color: var(--theme-dark-purple);
    background: var(--theme-light-blue);
}
  
::selection {
    color: var(--theme-dark-purple);
    background: var(--theme-light-blue);
}

body {
    background-color: var(--theme-dark-purple);
    overflow-x: hidden;
}

/* .bg-overlay {
    position: absolute;
    background-color: var(--theme-dark-purple);
    z-index: -1;
} */

/* body { padding-top: 56px; } */
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #7952b3; }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }