/* Global Stylesheet */
body {
    background-color: #0D0B0B !important;
    color: red !important;
}

.card {
    --bs-card-bg: transparent !important;
    --bs-card-border-color: transparent !important;
    color: red !important;
}

.card .list-group-item {
    background-color: #0D0B0B !important;
    color: red !important;
    border-color: red !important;
}

.hrr-txt1 {
    color: #ff0000;
    font-family: 'IKnowAGhost', sans-serif !important;
}

.hrr-txt2 {
    color: #ff0000;
    font-family: 'IKnowAGhost', sans-serif !important;
    font-size: 24px !important;
}

.hrr-name {
    color: #ff0000;
    font-family: 'IKnowAGhost', sans-serif !important;
    font-size: 20px !important;
}

.cover_illustration {
    max-width: 200px !important;
    margin-bottom: 20px !important;
}


.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* Spinner Overlay */
.spinner-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0%;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=50);
    background-color: black;
    overflow: hidden;
    display: none;
}

.spinner-overlay .spinner-grow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Navbar Styles */
.nav-link {
    font-family: 'IKnowAGhost', sans-serif !important;
    font-size: 18px !important;
    color: red !important;
    font-weight: bolder !important;
}

/* Nav Styles */
.nav {
    background-color: #0D0B0B !important;
    font-family: 'IKnowAGhost', sans-serif !important;
    font-size: 24px !important;
}

.nav-link {
    color: red !important;
}

.nav-link:hover {
    color: #0D0B0B !important;
    text-decoration: underline !important;
}

.nav-underline .nav-link {}

.nav-link.active {
    color: whitesmoke !important;
    border-bottom: 2px solid whitesmoke !important;
}

.nav-empty {
    font-size: 34px !important;
    vertical-align: bottom !important;
}

/* Soundcloud embed */

/* Footer Styles */
footer, li {
    font-family: 'IKnowAGhost', sans-serif !important;
    font-size: 18px !important;
    color: #D3261E !important;
}

footer, .nav-link:hover {
    color: red !important;
}

.patamu-link {
    color: #FF5D00 !important;
    text-decoration: none !important;
}

.fiverr-logo {
    width: 80px !important;
    background-color: whitesmoke !important;
    border: 2px solid #1DBF73 !important;
    padding: 10px !important;
}

.patamu-logo {
    width: 80px !important;
    background-color: whitesmoke !important;
    border: 2px solid #FF5D00 !important;
    padding: 10px !important;
}