body {
  background-color: #1b1f24;
  color: #f8f9fa;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #00c853;
  text-decoration: underline;
}

.navbar {
  background-color: #24292e !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-text {
  color: #ffffff !important;
}

.navbar .nav-link:hover,
.navbar .navbar-brand:hover {
  color: #00c853 !important;
}

.btn {
  background-color: #ffffff;
  color: #212529;
  border-color: #ffffff;
}

.btn:hover,
.btn:focus {
  background-color: #00c853;
  border-color: #00c853;
  color: #ffffff;
}

.card {
  background-color: #22272e;
  border-radius: .75rem;
  border: 1px solid #2d333b;
  color: #f8f9fa;
}

.table {
  color: #f8f9fa;
}

.table thead th,
.table tbody td {
  border-color: #2d333b;
}

.form-control,
.form-select,
.form-check-input {
  background-color: #2d333b;
  color: #f8f9fa;
  border-color: #444c56;
}

.form-control:focus,
.form-select:focus {
  background-color: #2d333b;
  color: #f8f9fa;
  border-color: #00c853;
  box-shadow: 0 0 0 0.2rem rgba(0, 200, 83, 0.25);
}

.badge.bg-light.text-dark {
  background-color: #ffffff !important;
  color: #212529 !important;
}

.main-container {
  color: #f8f9fa;
}