:root {
    --main-website-color: rgb(24, 22, 18);
}

.table {
    --bs-table-bg: var(--main-website-color);
    --bs-table-striped-bg: rgb(32, 32, 32);
    --bs-table-hover-bg: rgb(37, 36, 36);
}

body {
    height: 100%;
    background: var(--main-website-color);
    color: white;
}

.card {
    width: 40rem;
    background: rgb(24, 22, 18);
    border-color: white;
    box-shadow: 5px 5px rgba(0, 0, 0, 0.5);
}

h1 {
    font-size: 70px;
    background: -webkit-linear-gradient(#a0a0a0, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

a {
    color: white;
}

.btn-primary {
    color: black !important;
    background-color: white !important;
    border-color: white !important;
}

.btn-primary:hover {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(244, 244, 244) !important;
    border-color: rgb(189, 189, 189) !important;
}

.btn-check:checked + .btn-primary {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(240, 240, 240) !important;
    border-color: rgb(189, 189, 189) !important;
}