body {
    color: #5c5c54;
    background: #f4f4f0;
    font-family: 'JetBrains Mono', system-ui, -apple-system, sans-serif;
}

h1,h2,h3,h4,h5,h6,p,a,ul,li {
    margin-bottom: 0;
}

::selection {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.ls-tight {
    letter-spacing: -0.05em;
}

h1,h2,h3,h4,h5,h6 {
    color: var(--bs-dark);
    font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif;;
}

.dashboard-cards,
.jetbrains p,
.jetbrains small {
    font-family: 'JetBrains Mono', monospace !important;
}

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
.404page {
    font-family: "Px437 IBM VGA 8x16", monospace;
    height: 100vh;
    width: 100vw;
}

.dashboard-cards h1,
.dashboard-cards h2{
    margin-bottom: 0;
}
.dashboard-cards p{
    margin-bottom: 0.5rem;
}

.ritt:not(:last-child) {
    border-bottom: 1px solid #00000020
}

.btn-pill {
    border-radius: var(--bs-border-radius-pill);
}

.btn.btn-dark {
    border: 1px solid rgba(var(--bs-secondary-rgb), 0.5);
}

.fw-bolder {
    font-weight: 850 !important;
}

.pulse {
    animation: pulse 2s ease infinite;
}

.pulse-2 {
    animation: pulse-2 2s ease infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

@keyframes pulse-2 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.btn-anim {
    transition: all 0.3s ease;
}

.btn-anim:hover {
    transform: translateY(-0.15rem);
}

.marker {
    display: inline-block;
    width: 0.6em;
    height: 1.2em;
    background: var(--bs-success);
    vertical-align: middle;
    animation: blink 1.25s steps(1) infinite;
}

.btn.arrow::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 0.5rem;
}

a {
    text-decoration: none;
    color: #5c5c54;
}

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

/*

body {
    background: #181818;
    height: 100%;
    width: 100vh;
}

* {
    color: white;
}

p {
    margin: 0 !important;
}

.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}

.small {
    font-size: 0.875rem;
}

ul {
    padding-left: 0 !important;
}

.sidebar-item {
    padding: 0.5rem !important;
    border-radius: var(--bs-border-radius);
    transition: all 0.2s ease;
    cursor: pointer;
    margin: 0.25rem 0 !important;
}

.sidebar-item:hover {
    background: #303030 !important;
}

.sidebar-nav p,
.sidebar-nav i {
    color: #bcbcbc !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

a {
    text-decoration: none !important;
}

.sidebar-item:hover a:not(.active) p,
.sidebar-item:hover a:not(.active) i {
    color: #fff !important;
}

.bg-opacity-15 {
    --bs-bg-opacity: 0.15;
}

.active p,
.active i {
    color: var(--bs-primary) !important;
}

input,
select,
textarea {
    color: white !important;
    background: transparent;
    border-radius: var(--bs-border-radius-lg);
    padding: 0.5rem;
    border: 1px solid var(--bs-secondary);
}

.stat-value {
    padding: 1.5rem;
    border-radius: var(--bs-border-radius-xl);
}

.stat-card-1 {
    border-top: 2px solid var(--bs-primary);
}
.stat-card-2 {
    border-top: 2px solid var(--bs-success);
}
.stat-card-3 {
    border-top: 2px solid var(--bs-warning);
}

.type-btn {
    padding: 1rem 2rem;
    border-radius: var(--bs-border-radius);
    border: 1px solid var(--bs-secondary);
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--bs-secondary);
}

#type-running:checked + label,
#type-cycling:checked + label {
    border-color: var(--bs-primary);
    background-color: rgba(79, 142, 247, 0.12);
    color: var(--bs-primary);
}

.type-btn:hover {
    border-color: rgba(139, 146, 160, 0.6);
    color: white;
}

textarea {
    resize: none;
}

.bg-running {
    background: var(--bs-primary);
}

.text-running {
    color: var(--bs-primary);
}

*/