/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

main>.container {
  padding: 60px 15px 0;
}

:root {
  --bs-body-bg: #1a1a1a;
  --bs-body-color: #f8f9fa;
  --bs-dark: #121212;
  --bs-dark-rgb: 18, 18, 18;
  --bs-light: #2d2d2d;
  --bs-light-rgb: 45, 45, 45;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  transition: opacity 0.2s ease-in;
}

body[unresolved] {
  opacity: 0;
  display: block;
  overflow: hidden;
  position: relative;
}

.navbar-dark {
  background-color: var(--bs-dark) !important;
}

.bg-light {
  background-color: var(--bs-light) !important;
  color: var(--bs-body-color) !important;
}

.text-muted {
  color: #adb5bd !important;
}

.form-control,
.form-control:focus {
  background-color: #2d2d2d;
  color: #f8f9fa;
  border-color: #495057;
}

.card {
  background-color: var(--bs-dark);
  border-color: #333;
}