/* =================================
   GLOBAL
=================================*/

body {
    background-color: #f3f3f3;
    color: #0a0a0a;
}

/* =================================
   NAVBAR
=================================*/

.navbar-dark {
    background-color: #0a0a0a !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-nav .nav-link {
    color: #f3f3f3 !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #b6b6b6 !important;
}

/* =================================
   BUTTON
=================================*/

.btn-primary {
    background-color: #242424;
    border-color: #242424;
    color: #fff;
}

.btn-primary:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
}

.btn-secondary {
    background-color: #464646;
    border-color: #464646;
    color: #fff;
}

.btn-secondary:hover {
    background-color: #242424;
    border-color: #242424;
}

/* =================================
   ALERT
=================================*/

.alert-primary {
    background-color: #dcdcdc;
    border-color: #c6c6c6;
    color: #242424;
}

.alert-secondary {
    background-color: #f3f3f3;
    border-color: #dcdcdc;
    color: #242424;
}

/* =================================
   CARD
=================================*/

.card {
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.04);
}

.card-header {
    background-color: #c6c6c6;
    color: #242424;
}

.card-footer {
    background-color: #f3f3f3;
}

/* =================================
   LINK
=================================*/

a {
    color: #242424;
}

a:hover {
    color: #464646;
}