:root {
    --nav-bar-back: #1c1c1c;
    --nrc-red: #a34847;
    --text-color-primary: #cdcdcd;
    --text-color-title: #e8e8e8;
    --home-banner-bg: rgba(46, 46, 50, 0.62);
    --content-section-bg: #232323;
    --content-section-border: #403e3e;
    --content-box-color: #1c1c1c;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--nav-bar-back);
}

::-webkit-scrollbar-thumb {
  background: var(--nrc-red);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--content-section-border);
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    margin: 0px;
    color: white;
    overflow-x: hidden;
    background: var(--nav-bar-back);
}

body a {
    color: var(--nrc-red);
}

.alertBanner {
    width: 100vw;
    height: 8vh;
    background: var(--nrc-red);
    text: black;
    margin: auto;
    justify-content: center;
    overflow: hidden;
    animation: grow 0.85s ease-in-out;
}


.alertBannerText {
    text-align: center;
}

@keyframes grow {
    0% {
        height: 0vh;
    }
    100% {
        height: 8vh;
    }
}