html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
    margin-bottom: 60px;
    background-color: var(--neutral--800);
    color: var(--neutral--500);
    font-family: Spacegrotesk, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.667em;
}

:root {
    --neutral--800: #1b1f24;
    --neutral--400: #c3cad5;
    --neutral--100: white;
    --neutral--500: #8895aa;
    --neutral--700: #2d343f;
    --neutral--300: #e4e7ec;
    --general--shadow-01: rgba(20, 20, 43, .06);
    --neutral--600: #5d6c83;
    --accent--primary-1: #075fe4;
    --secondary--color-1: #2e81ff;
    --neutral--200: #f0f2f4;
    --system--green-400: #11845b;
    --system--blue-400: #086cd9;
    --system--blue-300: #1d88fe;
    --system--blue-200: #8fc3ff;
    --system--blue-100: #eaf4ff;
    --system--green-300: #05c168;
    --system--green-200: #7fdca4;
    --system--green-100: #def2e6;
    --system--red-400: #dc2b2b;
    --system--300: #ff5a65;
    --system--red-200: #ffbec2;
    --system--red-100: #ffeff0;
    --system--orange-400: #d5691b;
    --system--orange-300: #ff9e2c;
    --system--orange-200: #ffd19b;
    --system--orange-100: #fff3e4;
    --general--shadow-02: rgba(20, 20, 43, .08);
    --general--shadow-03: rgba(20, 20, 43, .1);
    --general--shadow-04: rgba(20, 20, 43, .14);
    --general--shadow-05: rgba(20, 20, 43, .16);
    --general--shadow-06: rgba(20, 20, 43, .24);
    --button-shadow--color-01: rgba(74, 58, 255, .06);
    --button-shadow--color-2: rgba(58, 143, 255, .08);
    --button-shadow--color-03: rgba(58, 143, 255, .08);
    --button-shadow--white-01: rgba(20, 20, 43, .04);
    --button-shadow--white-02: rgba(20, 20, 43, .06);
    --button-shadow--white-03: rgba(20, 20, 43, .1);
}

ul.top-menu a {
    color: white;
    transition: all 0.5s ease;
}
ul.top-menu:hover a.top-menu-anchor:hover {
    color: white;
    transition: all 0.5s ease;
}

ul.top-menu:hover a.top-menu-anchor:not(:hover) {
    color: gray;
    transition: all 0.5s ease;
}

.me {
    border-radius: 50%;
    background-color: #29323f;
}

.text-white {
    color:var(--neutral--100);
}

.navbar-brand {
    font-size:2.25rem;
}
.top-icon {
    transition: 1s;
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
    background-color: transparent;
}

.top-icon::before {
    background-color: transparent !important;
    transition: 1s;
}

.top-icon:hover::before {
    color: #0082ff;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

.card-gray {
    background-color: #2d343f;
}

u {
    border-bottom: 1px dotted;
    text-decoration: none;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px var(--bs-link-color-rgb), 0 0 40px var(--bs-link-color-rgb), 0 0 50px var(--bs-link-color-rgb), 0 0 60pxvar(--bs-link-color-rgb), 0 0 70px var(--bs-link-color-rgb);
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #2e81ff, 0 0 40px #2e81ff, 0 0 50px #2e81ff, 0 0 60px #2e81ff, 0 0 70px #2e81ff, 0 0 80px #2e81ff;
    }
}

@font-face {
    font-family: 'Line Rounded Icons';
    src: url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fbc5a718ac327e4cd3dfc_line-rounded-icons.woff2') format('woff2'), url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fbc5a718ac3b6a0cd3dff_line-rounded-icons.eot') format('embedded-opentype'), url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fbc5a718ac330cfcd3dcf_line-rounded-icons.woff') format('woff'), url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fbc5a718ac32052cd3dec_line-rounded-icons.ttf') format('truetype'), url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fbc5a718ac3cd41cd3dc2_line-rounded-icons.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spacegrotesk';
    src: url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fc8f87fd5f314f8fc8126_SpaceGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spacegrotesk';
    src: url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fc8f89ce5a8375d74de96_SpaceGrotesk-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spacegrotesk';
    src: url('https://assets.website-files.com/622fbc5a718ac3417fcd3d75/622fc8f87653c0225d638848_SpaceGrotesk-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.hljs-params {
    color: #01f901;
}
b,u, h1, h2, h3, h4, h5, h6 {
    color:var(--neutral--400);
}
u 
{
    cursor:pointer;
}

.quote-card 
{
    border-left: white;
    border-left-style: solid;
    border-left-width: 0.1em;
}

.card-text {
    color: var(--neutral--500);
}
cite {
    padding-left:0.5rem;
}