/* fonts */

@import url('https://fonts.googleapis.com/css?family=Chewy&display=swap');

@import url('https://fonts.googleapis.com/css?family=Silkscreen&display=swap');

.chewy {
    font-family: "Chewy", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing:.1rem;
}

.silkscreen {
    font-family: "Silkscreen", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing:-.1rem;
}

/* fonts end */

/* tooltip */

.tooltip-inner {
    background-color:#4cb9ad;
    border:4px solid transparent;
    color:#170a2e;
    padding:0px 8px 4px 8px;
    font-size:1em;
    font-weight:bold;
    border-radius:1;
    font-family: "Chewy", serif;
}

.tooltip[x-placement^="left"] .arrow:before {
    border-left-color:#4cb9ad;
}

.tooltip[x-placement^="top"] .arrow:before {
    border-top-color:#4cb9ad;
}

.tooltip[x-placement^="right"] .arrow:before {
    border-right-color:#4cb9ad;
}

.tooltip[x-placement^="bottom"] .arrow:before {
    border-bottom-color:#4cb9ad;
}

.tooltip[x-placement^="top"] {
    margin-bottom:.25rem;
}

.tooltip[x-placement^="bottom"] {
    margin-top:.25rem;
}

.tooltip[x-placement^="left"] {
    margin-right:.25rem;
}

.tooltip[x-placement^="right"] {
    margin-left:.25rem;
}

/* tooltip end */

/* scrollbar */

html {
    scrollbar-color:#4cb9ad #170a2e;
}

body {
    scrollbar-color:#4cb9ad rgba(218,201,255,0.125);
}

/* scrollbar end */

/* body */

body {
    background-color:#170a2e!important;
    color:#cee6e0;
    font-family: "Chewy", serif;
    font-weight: 400;
    font-style: normal;
    font-weight:bold;
    letter-spacing:.1rem;
    font-size:.9rem;
}

body:before, .bg-void, .card.bg-void, .card-void {
    background-image: url(https://randygrim.neocities.org/assets/star%20curtains.png);
    background-size: cover;
    background-attachment: fixed;
    background-position:center center;
    background-repeat: repeat;
}

body:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1;
}

hr {
    border-top:3px dotted!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-color:rgba(218,201,255,0.25)!important;
}

h1, h2, h3, h4, h5 {
    font-family: "Silkscreen", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing:-.1rem;
}

/* layout */

.page-body {
    max-width:calc(1080px + 1rem + 250px);
}

.all-contents {
    padding:1rem;
}

.nav-mobile-menu-toggle {
    margin-right:auto!important;
    display:flex;
}

.page-body-home #sidebar.sidebar .previous {
    display:none;
}

/* sidebar */

#sidebar.sidebar {
    z-index:1;
    width:250px;
}

@media (max-width: 767.98px) {
    #sidebar.sidebar {
        height: 100%;
        left: -100%;
        position: absolute;
        right: 0;
        transition: left .2s;
        padding-left:1rem;
        z-index:1000;
    }
}

@media (max-width: 767.98px) {
    #sidebar.sidebar.active {
        left: 0;
    }
}

@media (min-width: 768px) {
    #sidebar.sidebar {
        margin-right:1rem;
    }
}

#sidebar.sidebar .sidebar-ul {
    border-radius: var(--bs-border-radius) !important;
    border: 12px double #170a2e !important;
    background-color: #47395c !important;
    padding:0;
}

#sidebar.sidebar .header {
    height: 180px;
    width: 100%;
    background-image: url(https://randygrim.neocities.org/assets/piratescovefoxy.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    box-shadow: 0 0 0 4px #170a2e, 4px 4px 0 4px #47395c, -4px 4px 0 4px #47395c,  0 12px 0 -8px #170a2e, 0 8px 0 4px #170a2e;
    margin-bottom: -8px;
    position:relative;
}

#sidebar.sidebar a {
    text-decoration:none!important;
    font-size:1rem;
}

#sidebar.sidebar .user-profile > a {
    z-index: 4 !important;
    margin-top: calc(-90px - 8px);
    position: relative;
    color: #fedc3d !important;
    font-size:1.75em;
    display:block;
    text-align:center;
}

#sidebar.sidebar .user-profile > a:hover {
    background-image: linear-gradient(transparent 110px, rgba(218, 201, 255, 0.125) 110px, rgba(218, 201, 255, 0.125)) !important;
}

#sidebar.sidebar .user-profile > a img.profile-image {
    max-width:calc(100% - 30px)!important;
    z-index:100;
    border-radius: .5rem !important;
    border: 6px solid #170a2e !important;
    background-color: #170a2e !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#sidebar.sidebar .fa-sidebar {
    margin-right:.5rem;
    width:1rem;
    height:1rem;
}

#sidebar.sidebar .sidebar-li a {
    color:#4cb9ad;
    text-align:left;
    display:block;
    padding: .25em .5em;
}

#sidebar.sidebar .sidebar-li a:hover {
    background-color: rgba(218, 201, 255, 0.125);
}

#sidebar.sidebar .sidebar-li.active > a {
    background-color:#ff3d66;
    color:#ffb8cf!important;
}

#sidebar.sidebar .sidebar-li.active > a:hover {
    background-color: #f167a8 !important;
}

#sidebar.sidebar .sidebar-divider {
    border-top: 4px solid !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-color: #47395c !important;
    box-shadow: 0 -4px 0 0 #170a2e, 0 4px 0 0 #170a2e;
    margin: 4px -4px;
}


#sidebar.sidebar:after {
    content: "";
    display: block;
    height: 400px;
    width: 100%;
    background-image: url(https://randygrim.neocities.org/shrines/grim/grim_by_grapekn1ght_on_tumblr.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    position: sticky;
    top: 0;
}

/* content */

#content.main-content {
    z-index:10;
}

@media (max-width: 767.98px) {
    #content.main-content {
        max-width:100%;
    }
}

@media (min-width: 768px) {
    #content.main-content {
        max-width:calc(100% - 1rem - 250px)!important;
    }
}

@media (min-width: 992px) {
    #content.main-content {
        max-width:1000px;
    }
}

/* gallery container */

.transparent-container {
    background-size: 100%;
    background-image: url(https://randygrim.neocities.org/assets/randygrim_material_one.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-color: rgba(218, 201, 255, 0.075) !important;
    box-shadow: inset 0 0 0 4px rgba(218, 201, 255, 0.15);
    border-radius: 1em;
    padding: .75rem !important;
}

.transparent-container:before {
    content: "";
    display: block;
    height: 100px;
    width: calc(100% + .75rem + .75rem);
    background-image: url(https://randygrim.neocities.org/assets/randygrim_material_two.png);
    background-size: contain;
    background-position: center top;
    background-repeat: repeat-x;
    margin: -.75rem;
    z-index: -1;
    margin-bottom: calc(-100px + .75rem);
    border-radius: 1rem;
}

.transparent-container:after {
    content: "";
    display: block;
    height: 100px;
    width: calc(100% + .75rem + .75rem);
    background-image: url(https://randygrim.neocities.org/assets/randygrim_material_three.png);
    background-size: contain;
    background-position: center top;
    background-repeat: repeat-x;
    margin: -.75rem;
    z-index: -1;
    margin-top: calc(-100px + .75rem);
    border-radius: 1rem;
}

/* footer */

#footer.footer {
    max-width:100%;
    margin-top:1rem;
}

#footer.footer .footer-brand {
    max-width:200px;
}

/* img */

img {
    width:100%;
}

/* not found */

.not-found {
    max-width:500px;
}

/* badges */

.badge:not(.dropdown-item-count), .badge:hover:not(.dropdown-item-count), .badge:focus:not(.dropdown-item-count), .badge:active:not(.dropdown-item-count), .badge-pill:not(.dropdown-item-count), .badge-pill:hover:not(.dropdown-item-count), .badge-pill:focus:not(.dropdown-item-count), .badge-pill:active:not(.dropdown-item-count), .badge-primary:not(.dropdown-item-count), .badge-default:not(.dropdown-item-count), .badge-warning:not(.dropdown-item-count), .badge-success:not(.dropdown-item-count), .badge-danger:not(.dropdown-item-count) {
    display: inline-block!important;
    margin-left:.15rem!important;
    margin-top:.15rem!important;
    border:0!important;
    box-shadow:none!important;
}

.badge-pill:not(.dropdown-item-count) {
    border-radius:.25rem;
}

.vote-count .badge {
    background-color:#625699;
    color:#24153b;
}

.badge-default {
    background-color:#625699;
    color:#24153b!important;
}

.badge-default:hover, .badge-default:focus, .badge-default:active {
    background-color:#443979!important;
}

.badge-info {
    background-color:#00ddc0;
    color:#24153b!important;
}

.badge-info:hover, .badge-info:focus, .badge-info:active {
    background-color:#00b19a!important;
}

.badge-warning {
    background-color:#f8a281;
    color:#24153b!important;
}

.badge-warning:hover, .badge-warning:focus, .badge-warning:active {
    background-color:#da8d70!important;
}

.badge-primary {
    background-color:#4cb9ad;
    color:#24153b!important;
}

.badge-primary:hover, .badge-primary:focus, .badge-primary:active {
    background-color:#359b8f!important;
}

.badge-success {
    background-color:#13ad59;
    color:#24153b!important;
}

.badge-success:hover, .badge-success:focus, .badge-success:active {
    background-color:#118f4a!important;
}

.badge-danger {
    background-color:#f85073;
    color:#24153b!important;
}

.badge-danger:hover, .badge-danger:focus, .badge-danger:active {
    background-color:#bf3554!important;
}

/* alerts */

.alert, .alert-info, .alert-warning, .alert-danger, .alert-success {
    border-radius:.25rem!important;
    border:0;
}

.alert-info, .alert-info:hover, .alert-info:focus, .alert-info:active, .alert.bg-info, .alert.bg-info:hover, .alert.bg-info:focus, .alert.bg-info:active {
    background-color:#00ddc0!important;
    color:#24153b;
}

.alert-info .alert-link, .alert-info .alert-link:focus, .alert-info .alert-link:hover, .alert-info .alert-link:active, .alert-info .alert-link a, .alert-info .alert-link a:hover, .alert-info .alert-link a:focus, .alert-info .alert-link a:active, .alert-info a, .alert-info a:focus, .alert-info a:hover, .alert-info a:active, .alert.bg-info a, .alert.bg-info a:focus, .alert.bg-info a:hover, .alert.bg-info a:active {
    color:#009784;
}

.alert-warning, .alert-warning:hover, .alert-warning:focus, .alert-warning:active, .alert.bg-warning, .alert.bg-warning:hover, .alert.bg-warning:focus, .alert.bg-warning:active {
    background-color:#f8a281!important;
    color:#24153b;
}

.alert-warning .alert-link, .alert-warning .alert-link:focus, .alert-warning .alert-link:hover, .alert-warning .alert-link:active, .alert-warning .alert-link a, .alert-warning .alert-link a:hover, .alert-warning .alert-link a:focus, .alert-warning .alert-link a:active, .alert-warning a, .alert-warning a:focus, .alert-warning a:hover, .alert-warning a:active, .alert.bg-warning a, .alert.bg-warning a:focus, .alert.bg-warning a:hover, .alert.bg-warning a:active {
    color:#ca5940;
}

.alert-danger, .alert-danger:hover, .alert-danger:focus, .alert-danger:active, .alert.bg-danger, .alert.bg-danger:hover, .alert.bg-danger:focus, .alert.bg-danger:active {
    background-color:#f85073!important;
    color:#ffd7e4;
}

.alert-danger .alert-link, .alert-danger .alert-link:focus, .alert-danger .alert-link:hover, .alert-danger .alert-link:active, .alert-danger .alert-link a, .alert-danger .alert-link a:hover, .alert-danger .alert-link a:focus, .alert-danger .alert-link a:active, .alert-danger a, .alert-danger a:focus, .alert-danger a:hover, .alert-danger a:active, .alert.bg-danger a, .alert.bg-danger a:focus, .alert.bg-danger a:hover, .alert.bg-danger a:active {
    color:#a6223e;
}

.alert-success, .alert-success:hover, .alert-success:focus, .alert-success:active, .alert.bg-success, .alert.bg-success:hover, .alert.bg-success:focus, .alert.bg-success:active {
    background-color:#13ad59!important;
    color:#cee6e0;
}

.alert-success .alert-link, .alert-success .alert-link:focus, .alert-success .alert-link:hover, .alert-success .alert-link:active, .alert-success .alert-link a, .alert-success .alert-link a:hover, .alert-success .alert-link a:focus, .alert-success .alert-link a:active, .alert-success a, .alert-success a:focus, .alert-success a:hover, .alert-success a:active, .alert.bg-success a, .alert.bg-success a:focus, .alert.bg-success a:hover, .alert.bg-success a:active {
    color:#096935;
}

/* btns / buttons */

.btn, .btn:hover, .btn:focus, .btn:active, .btn-default, .btn-secondary, .btn-primary, .btn-danger, .btn-success, .btn-warning, .btn-info {
    border:0!important;
    box-shadow:none!important;
}

.btn-default, .btn.btn-default {
    background-color:#625699;
    color:#cee6e0;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
    background-color:#443979!important;
    color:#cee6e0;
}

.btn-default a, .btn-default a:hover, .btn-default a:active, .btn-default a:focus {
    color:#24153b;
}

.btn-secondary, .btn.btn-secondary, .btn.bg-secondary {
    background-color:#625699;
    color:#cee6e0;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.bg-secondary, .btn.bg-secondary:hover, .btn.bg-secondary:focus, .btn.bg-secondary:active {
    background-color:#443979!important;
    color:#cee6e0;
}

.btn-secondary a, .btn-secondary a:hover, .btn-secondary a:active, .btn-secondary a:focus .btn.bg-secondary a, .btn.bg-secondary a:hover, .btn.bg-secondary a:focus, .btn.bg-secondary a:active {
    color:#24153b;
}

.btn-primary, .btn.btn-primary, .btn.bg-primary {
    background-color:#4cb9ad;
    color:#cee6e0;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.bg-primary:hover, .btn.bg-primary:focus, .btn.bg-primary:active {
    background-color:#359b8f!important;
    color:#cee6e0;
}

.btn-primary a, .btn-primary a:hover, .btn-primary a:active, .btn-primary a:focus .btn.bg-primary a, .btn.bg-primary a:hover, .btn.bg-primary a:focus, .btn.bg-primary a:active {
    color:#1c4b51;
}

.btn-danger, .btn.btn-danger, .btn.bg-danger {
    background-color:#f85073;
    color:#ffd7e4;
}

.btn-danger:hover, .btn-danger:active, .btn-danger:focus, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.bg-danger:hover, .btn.bg-danger:focus, .btn.bg-danger:active {
    background-color:#bf3554!important;
    color:#ffd7e4;
}

.btn-danger a, .btn-danger a:hover, .btn-danger a:active, .btn-danger a:focus .btn.bg-danger a, .btn.bg-danger a:hover, .btn.bg-danger a:focus, .btn.bg-danger a:active {
    color:#a6223e;
}

.btn-success, .btn.btn-success, .btn.bg-success {
    background-color:#13ad59;
    color:#cee6e0;
}

.btn-success:hover, .btn-success:active, .btn-success:focus, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.bg-success:hover, .btn.bg-success:focus, .btn.bg-success:active {
    background-color:#118f4a!important;
    color:#cee6e0;
}

.btn-success a, .btn-success a:hover, .btn-success a:active, .btn-success a:focus .btn.bg-success a, .btn.bg-success a:hover, .btn.bg-success a:focus, .btn.bg-success a:active {
    color:#096935;
}

.btn-warning, .btn.btn-warning, .btn.bg-warning {
    background-color:#f8a281;
    color:#24153b;
}

.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.bg-warning:hover, .btn.bg-warning:focus, .btn.bg-warning:active {
    background-color:#da8d70!important;
    color:#24153b;
}

.btn-warning a, .btn-warning a:hover, .btn-warning a:active, .btn-warning a:focus .btn.bg-warning a, .btn.bg-warning a:hover, .btn.bg-warning a:focus, .btn.bg-warning a:active {
    color:#ca5940;
}

.btn-info, .btn.btn-info, .btn.bg-info {
    background-color:#00ddc0;
    color:#24153b;
}

.btn-info:hover, .btn-info:active, .btn-info:focus, .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.bg-info:hover, .btn.bg-info:focus, .btn.bg-info:active {
    background-color:#00b19a!important;
    color:#24153b;
}

.btn-info a, .btn-info a:hover, .btn-info a:active, .btn-info a:focus .btn.bg-info a, .btn.bg-info a:hover, .btn.bg-info a:focus, .btn.bg-info a:active {
    color:#009784;
}

/* outline */

.btn-outline-primary, .btn-outline-warning, .btn-outline-danger, .btn-outline-info, .btn-outline-success, .btn-outline-secondary {
    background-color:rgba(218,201,255,0.125);
    box-shadow:inset 0 0 0 4px rgba(218,201,255,0.125)!important;
    color:#cee6e0;
    border-radius:.25rem;
}

.btn-outline-primary {
    background-color:rgba(218,201,255,0.125);
    color:#cee6e0;
}

.btn-outline-primary:hover, .btn-outline-primary.active, .btn-outline-primary:active, .show > .btn-outline-primary.dropdown-toggle {
    background-color:#4cb9ad;
}

.btn-outline-warning {
    background-color:rgba(218,201,255,0.125);
    color:#cee6e0;
}

.btn-outline-warning:hover, .btn-outline-warning.active, .btn-outline-warning:active, .show > .btn-outline-warning.dropdown-toggle {
    background-color:#f8a281;
}

.btn-outline-danger {
    background-color:rgba(218,201,255,0.125);
    color:#cee6e0;
}

.btn-outline-danger:hover, .btn-outline-danger.active, .btn-outline-danger:active, .show > .btn-outline-danger.dropdown-toggle {
    background-color:#f85073;
}

.btn-outline-info {
    background-color:rgba(218,201,255,0.125);
    color:#cee6e0;
}

.btn-outline-info:hover, .btn-outline-info.active, .btn-outline-info:active, .show > .btn-outline-info.dropdown-toggle {
    background-color:#00ddc0;
}

.btn-outline-success {
    background-color:rgba(218,201,255,0.125);
    color:#cee6e0;
}

.btn-outline-success:hover, .btn-outline-success.active, .btn-outline-success:active, .show > .btn-outline-success.dropdown-toggle {
    background-color:#13ad59;
}

.btn-outline-secondary {
    background-color:rgba(218,201,255,0.125);
    color:#cee6e0;
}

.btn-outline-secondary:hover, .btn-outline-secondary.active, .btn-outline-secondary:active, .show > .btn-outline-secondary.dropdown-toggle {
    background-color:#5b4f92;
}

/* cards */

.card {
    background-color:#170a2e;
    border:0;
}

.card > a:not(.btn) {
    color:#4cb9ad;
}

.bg-faded, .card.bg-faded, .card-faded {
    background-color:#24153b !important;
    border:0;
}

.bg-faded > a:not(.btn), .card.bg-faded > a:not(.btn), .card-faded > a:not(.btn), a:not(.btn).bg-faded, a:not(.btn).card.bg-faded, a:not(.btn).card-faded {
    color:#4cb9ad;
}

.bg-primary, .card.bg-primary, .card-primary {
    background-color:#4cb9ad!important;
    border:0;
}

.bg-primary > a:not(.btn), .card.bg-primary > a:not(.btn), .card-primary > a:not(.btn), a:not(.btn).bg-primary, a:not(.btn).card.bg-primary, a:not(.btn).card-primary {
    color:#1c4b51;
}

.bg-secondary, .card.bg-secondary, .card-secondary {
    background-color:#625699!important;
    border:0;
}

.bg-secondary > a:not(.btn), .card.bg-secondary > a:not(.btn), .card-secondary > a:not(.btn), a:not(.btn).bg-secondary, a:not(.btn).card.bg-secondary, a:not(.btn).card-secondary {
    color:#24153b;
}

.bg-success, .card.bg-success, .card-success {
    background-color:#13ad59!important;
    border:0;
}

.bg-success > a:not(.btn), .card.bg-success > a:not(.btn), .card-success > a:not(.btn), a:not(.btn).bg-success, a:not(.btn).card.bg-success, a:not(.btn).card-success {
    color:#096935;
}

.bg-danger, .card.bg-danger, .card-danger {
    background-color:#f85073!important;
    border:0;
    color:#ffd7e4;
}

.bg-danger > a:not(.btn), .card.bg-danger > a:not(.btn), .card-danger > a:not(.btn), a:not(.btn).bg-danger, a:not(.btn).card.bg-danger, a:not(.btn).card-danger {
    color:#a6223e;
}

.bg-warning, .card.bg-warning, .card-warning {
    background-color:#f8a281!important;
    border:0;
    color:#24153b;
}

.bg-warning > a:not(.btn), .card.bg-warning > a:not(.btn), .card-warning > a:not(.btn), a:not(.btn).bg-warning, a:not(.btn).card.bg-warning, a:not(.btn).card-warning {
    color:#ca5940;
}

.bg-info, .card.bg-info, .card-info {
    background-color:#00ddc0!important;
    border:0;
}

.bg-info > a:not(.btn), .card.bg-info > a:not(.btn), .card-info > a:not(.btn), a:not(.btn).bg-info, a:not(.btn).card.bg-info, a:not(.btn).card-info {
    color:#009784;
}

.bg-light, .card.bg-light, .card-light {
    background-color:#cee6e0!important;
    color:#24153b;
    border:0;
}

.bg-dark, .card.bg-dark, .card-dark {
    background-color:#47395c!important;
    border:0;
}

.bg-dark > a:not(.btn), .card.bg-dark > a:not(.btn), .card-dark > a:not(.btn), a:not(.btn).bg-dark, a:not(.btn).card.bg-dark, a:not(.btn).card-dark {
    color:#24153b;
}

.bg-null, .card.bg-null, .card-null {
    background-color:#170a2e!important;
    border:0;
}

.bg-null > a:not(.btn), .card.bg-null > a:not(.btn), .card-null > a:not(.btn), a:not(.btn).bg-null, a:not(.btn).card.bg-null, a:not(.btn).card-null {
    color:#009784;
}

/* text */

a, a:hover, a:focus, a:active, a.btn.bg-faded, a.btn.bg-faded:hover, a.btn.bg-faded:focus, a.btn.bg-faded:active {
    color:#4cb9ad;
    text-decoration:none;
}

.text-primary, .text-primary:hover, .text-primary:active, .text-primary:focus, 
a.text-primary, a.text-primary:hover, a.text-primary:active, a.text-primary:focus {
    color:#4cb9ad!important;
}

.text-secondary, .text-secondary:hover, .text-secondary:focus, .text-secondary:active, 
a.text-secondary, a.text-secondary:hover, a.text-secondary:focus, a.text-secondary:active {
    color:#625699!important;
}

.text-muted, .text-muted:hover, .text-muted:active, .text-muted:focus, 
a.text-muted, a.text-muted:hover, a.text-muted:active, a.text-muted:focus {
    color:#625699!important;
}

.text-success, .text-success:hover, .text-success:active, .text-success:focus, 
a.text-success, a.text-success:hover, a.text-success:focus, a.text-success:active {
    color:#13ad59!important;
}

.text-danger, .text-danger:hover, .text-danger:active, .text-danger:focus, 
a.text-danger, a.text-danger:hover, a.text-danger:focus, a.text-danger:active {
    color:#f85073!important;
}

.text-warning, .text-warning:hover, .text-warning:focus, .text-warning:active, 
a.text-warning, a.text-warning:hover, a.text-warning:focus, a.text-warning:active {
    color:#f8a281!important;
}

.text-info, .text-info:hover, .text-info:focus, .text-info:active, 
a.text-info,  a.text-info:active,  a.text-info:hover,  a.text-info:focus {
    color:#00ddc0!important;
}

.text-light, .text-light:hover, .text-light:focus, .text-light:active, 
a.text-light, a.text-light:focus, a.text-light:hover, a.text-light:active {
    color:#cee6e0!important;
}

.text-dark, .text-dark:hover, .text-dark:focus, .text-dark:active, 
a.text-dark, a.text-dark:hover, a.text-dark:focus, a.text-dark:active {
    color:#47395c!important;
}

.text-void, .text-void:hover, .text-void:focus, .text-void:active, 
a.text-void, a.text-void:hover, a.text-void:focus, a.text-void:active {
    color:#170a2e!important;
}

.text-faded, .text-faded:hover, .text-faded:focus, .text-faded:active, 
a.text-faded, a.text-faded:hover, a.text-faded:active, a.text-faded:focus {
    color:#24153b!important;
}

.text-purple, .text-purple:hover, .text-purple:focus, .text-purple:active, 
a.text-purple, a.text-purple:hover, a.text-purple:focus, a.text-purple:active {
    color:#c816ff!important;
}

/* progress bar */

.progress {
    background-color:#170a2e;
}

.progress-bar {
    background-color:#625699;
}

::selection {
    background: #4cb9ad;
    color: #fff;
}

/* borders */

.border {
    border:4px solid #170a2e!important;
}

.border-double {
    border:12px double #170a2e!important;
}

.row {
    flex-direction:row!important;
}

p:not(.m-1, .mb-1, .m-2, .mb-2, .m-3, .mb-3, .m-4, .mb-4, .m-5, .mb-5) {
    margin-bottom:0;
}