:root {
  --dark_yellow: #FACF39;;
  --light_yellow: #fbdb6b;
  --dark_blue:#455d7a;
  --light_blue:#57769b;
  --dark_grey: #334459;
}

body {
  background-color: var(--light_blue);
  color: var(--light_yellow);
}

.navbar {
  background-color: var(--dark_blue);
}

.nav-link {
  color: var(--light_yellow);
}

.navbar-nav {
  color: var(--dark_yellow);
}

a.nav-link.active {
  color: var(--dark_yellow);
}

.navbar-brand {
  color:var(--dark_yellow);
}

.navbar-text {
  color:var(--light_yellow);
}

a {
    color: var(--dark_yellow);
}

/* Warning */
.btn-outline-warning {
  background-color: #ffc107;
  color: #212529;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  background-color: #e0a800;
  border-color: #d39e00;
  color: #fff;
}

/* Primary */
.btn-outline-primary {
  background-color: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

/* Success */
.btn-outline-success {
  background-color: #198754;
  color: #fff;
  border-color: #198754;
}
.btn-outline-success:hover {
  background-color: #157347;
  border-color: #146c43;
}

/* Danger */
.btn-outline-danger {
  background-color: #dc3545;
  color: #fff;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  background-color: #bb2d3b;
  border-color: #b02a37;
}

/* Info */
.btn-outline-info {
  background-color: #0dcaf0;
  color: #000;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  background-color: #31d2f2;
  border-color: #25c7ec;
  color: #000;
}

/* Secondary */
.btn-outline-secondary {
  background-color: #6c757d;
  color: #fff;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  background-color: #5c636a;
  border-color: #565e64;
}

/* Light */
.btn-outline-light {
  background-color: #f8f9fa;
  color: #212529;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
  color: #212529;
}

/* Dark */
.btn-outline-dark {
  background-color: #212529;
  color: #fff;
  border-color: #212529;
}
.btn-outline-dark:hover {
  background-color: #1c1f23;
  border-color: #1a1e21;
}