body {
    background-color: #212121;
    color: antiquewhite;
}

footer {
    position: fixed;
    bottom: 0;
}

.card {
    margin-top: 150px;
    height: 190px;
    color: antiquewhite;
    border-radius: 40px;
    background: #212121;
    border: hsl(0, 0%, 100%) !important;
    box-shadow: -12px -15px 20px rgb(60, 60, 60), 25px 15px 30px rgb(25, 25, 25);
}

.shadow-lg {
    box-shadow: -2px -5px 20px rgb(60, 60, 60), 2px 5px 20px rgb(119, 113, 113) !important;
}

.card-hover-1 {
    color: #0d6efd !important;
}

.card-hover-1:hover {
    color: antiquewhite !important;
    font-size: 58px;
    background: #0d6efd !important;
    transition: 0.5;
    text-decoration: none;
}

.card-hover-1 a:hover {
    color: antiquewhite !important;
    text-decoration: none;
}

.card-hover-2 {
    color: #198754 !important;
}

.card-hover-2:hover {
    color: antiquewhite !important;
    font-size: 58px;
    background: #198754 !important;
    transition: 0.5;
    text-decoration: none;
}

.card-hover-2 a:hover {
    color: antiquewhite !important;
    text-decoration: none;
}

.card-hover-3 {
    color: #833cba !important;
}

.card-hover-3:hover {
    color: antiquewhite !important;
    font-size: 58px;
    background: #833cba !important;
    transition: 0.5;
    text-decoration: none;
}

.card-hover-3 a:hover {
    color: antiquewhite !important;
    text-decoration: none;
}

.card-hover-4 {
    color: #fc7f03 !important;
}

.card-hover-4:hover {
    color: antiquewhite !important;
    font-size: 58px;
    background: #fc7f03 !important;
    transition: 0.5;
    text-decoration: none;
}

.card-hover-4 a:hover {
    color: antiquewhite !important;
    text-decoration: none;
}

a {
    text-decoration: none;
}

.btn-block {
    width: 100%;
}

.card-title {
    margin-top: 30px;
    text-align: center;
    font-weight: bolder;
}

.table {
    color: antiquewhite;
    border: 2px solid white;
    text-align: center;
}

input[placeholder] {
    background: transparent;
    border: 1px solid;
    color: antiquewhite;
}

input:focus {
    color: antiquewhite;
}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
}

table.center-all td,
th {
    text-align: center !important;
}