:root {
  --bs-body-bg: #0a0e27;
  --bs-body-bg-rgb: theme-color-rgb(#theme-primary);
  --bs-body-color: #00d9ff;
  --bs-body-color-rgb: theme-color-rgb(#theme-tertiary);
  --bs-body-bg-secondary: #0d0e1b;
  --bs-body-bg-secondary-rgb: theme-color-rgb(#theme-dark);
  --bs-body-bg-tertiary: #1a1f3a;
  --bs-body-bg-tertiary-rgb: theme-color-rgb(#theme-light);
  --bs-secondary: #ff006e;
  --bs-secondary-rgb: theme-color-rgb(#theme-secondary);
  --bs-secondary-color: #ff006e;
  --bs-secondary-color-rgb: theme-color-rgb(#theme-secondary);
  --bs-secondary-bg: #0d0e1b;
  --bs-secondary-bg-rgb: theme-color-rgb(#theme-dark);
  --bs-tertiary-color: #00d9ff;
  --bs-tertiary-color-rgb: theme-color-rgb(#theme-tertiary);
  --bs-tertiary-bg: #0d0e1b;
  --bs-tertiary-bg-rgb: theme-color-rgb(#theme-dark);
  --bs-emphasis-color: #00d9ff;
  --bs-emphasis-color-rgb: theme-color-rgb(#theme-tertiary);
  --bs-border-color: #ff006e;
  --bs-border-color-rgb: theme-color-rgb(#theme-secondary);
  --bs-border-radius: 0.25em;
  --bs-accordion-border-color: #ff006e;
  --bs-primary: #ff006e;
  --bs-primary-rgb: theme-color-rgb(#ff006e);
  --bs-primary-bg-subtle: #0d0e1b;
  --bs-primary-border-subtle: #ff006e;
  --bs-primary-text-emphasis: #ff006e;
  --bs-success: #00ff41;
  --bs-success-rgb: theme-color-rgb(#00ff41);
  --bs-success-bg-subtle: #0d0e1b;
  --bs-success-border-subtle: #00ff41;
  --bs-success-text-emphasis: #00ff41;
  --bs-warning: #ffff00;
  --bs-warning-rgb: theme-color-rgb(#ffff00);
  --bs-warning-bg-subtle: #0d0e1b;
  --bs-warning-border-subtle: #ffff00;
  --bs-warning-text-emphasis: #ffff00;
  --bs-danger: #ff0055;
  --bs-danger-rgb: theme-color-rgb(#ff0055);
  --bs-danger-bg-subtle: #0d0e1b;
  --bs-danger-border-subtle: #ff0055;
  --bs-danger-text-emphasis: #ff0055;
  --bs-info: #ffa500;
  --bs-info-rgb: theme-color-rgb(#ffa500);
  --bs-info-bg-subtle: #0d0e1b;
  --bs-info-border-subtle: #ffa500;
  --bs-info-text-emphasis: #ffa500;
  --bs-light: #1a1f3a;
  --bs-light-rgb: theme-color-rgb(#1a1f3a);
  --bs-light-bg-subtle: #0d0e1b;
  --bs-light-border-subtle: #ff006e;
  --bs-light-text-emphasis: #00d9ff;
  --bs-dark: #0d0e1b;
  --bs-dark-rgb: theme-color-rgb(#0d0e1b);
  --bs-dark-bg-subtle: #0d0e1b;
  --bs-dark-border-subtle: #ff006e;
  --bs-dark-text-emphasis: #00d9ff;
  --accent-bg: #ffa500;
  --accent-color: #00d9ff;
  --neon-pink-glow: 0 0 10px rgba(255, 0, 110, 0.8), 0 0 20px rgba(255, 0, 110, 0.4);
  --neon-cyan-glow: 0 0 10px rgba(0, 217, 255, 0.8), 0 0 20px rgba(0, 217, 255, 0.4);
  --neon-orange-glow: 0 0 10px rgba(255, 165, 0, 0.8), 0 0 20px rgba(255, 165, 0, 0.4);
  --bs-table-striped-bg: #1a1f3a;
  --bs-table-hover-bg: #ff006e;
  --bs-table-hover-color: #0d0e1b;
  --bs-table-border-color: #ff006e;
  --bs-table-color: #00d9ff;
  --bs-table-bg: #0d0e1b;
  --bs-navbar-bg: #0d0e1b;
  --bs-navbar-brand-color: #00d9ff;
  --bs-navbar-color: #00d9ff; }

.bg-wrap {
  position: relative;
  /* creates a stacking context */
  width: 100%;
  height: 400px;
  /* or whatever height you want */
  overflow: hidden;
  /* keeps the image contained */ }

.bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  /* pushes it behind the content */ }

.content {
  position: relative;
  /* ensures content sits above */
  z-index: 1;
  padding: 2rem; }

.is-glowing {
  font-family: 'Courier New', monospace;
  color: var(--bs-secondary);
  text-shadow: var(--neon-pink-glow);
  letter-spacing: 0.05em;
  font-weight: 600; }

.is-glowing.cyan {
  color: var(--bs-tertiary-color);
  text-shadow: var(--neon-cyan-glow); }

ul.is-center {
  width: fit-content;
  justify-self: center; }

nav {
  text-shadow: 0 0 10px rgba(0, 217, 255, 0.5);
  color: var(--bs-tertiary-color) !important;
  background-color: var(--bs-dark) !important;
  border-bottom: 2px solid var(--bs-secondary);
  box-shadow: 0 0 15px rgba(103, 0, 45, 0.461); }

nav.navbar-brand {
  text-shadow: var(--neon-cyan-glow); }

/* General Styling */
body {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  min-height: 100vh;
  background: linear-gradient(180deg, rgba(255, 0, 110, 0.16) 0%, rgba(10, 14, 39, 0.95) 28%, #0a0e27 100%);
  background-attachment: fixed;
  color: var(--bs-body-color);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

p.info {
  padding: 1em;
  border-radius: 0.25em;
  background-color: var(--bs-dark);
  border: 1px solid var(--bs-secondary);
  box-shadow: 0 0 10px rgba(255, 0, 110, 0.2); }

img {
  max-width: 25em; }

.alt-background {
  padding: 1em;
  border-radius: 0.25em;
  margin-bottom: 2em;
  background-color: var(--bs-dark);
  border: 1px solid var(--bs-tertiary-color);
  box-shadow: 0 0 10px rgba(0, 217, 255, 0.2); }

#navigation {
  padding: 0.5em 1em;
  margin-bottom: 2em; }

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%2300d9ff' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: center !important; }

.accordion-button {
  background-color: var(--bs-dark);
  color: var(--bs-body-color);
  border: 1px solid var(--bs-secondary); }

.accordion-button:hover {
  background-color: var(--bs-light);
  color: var(--bs-secondary);
  box-shadow: 0 0 10px rgba(255, 0, 110, 0.3); }

.accordion-button:active, .accordion-button:not(.collapsed) {
  background-color: var(--bs-dark);
  color: var(--bs-tertiary-color);
  border-color: var(--bs-secondary);
  box-shadow: inset 0 0 10px rgba(255, 0, 110, 0.2); }

table {
  color: var(--bs-body-color); }

.table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: #1a1f3a;
  --bs-table-striped-color: #00d9ff;
  --bs-table-hover-bg: #1a1f3a;
  --bs-table-hover-color: #ff006e;
  --bs-table-border-color: #ff006e;
  color: #00d9ff;
  border-color: #ff006e; }

.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #0d0e1b;
  color: #00d9ff; }

.table-hover > tbody > tr:hover > * {
  background-color: #1a1f3a;
  color: #ff006e;
  box-shadow: inset 0 0 10px rgba(255, 0, 110, 0.3); }

.table thead {
  border-color: #0d0e1b; }

/* Card Styling */
.card {
  background-color: var(--bs-dark);
  border: 1px solid var(--bs-secondary);
  box-shadow: 0 0 15px rgba(255, 0, 110, 0.25);
  border-radius: 0.25em;
  color: var(--bs-body-color);
  transition: all 0.3s ease; }

.card:hover {
  box-shadow: 0 0 25px rgba(255, 0, 110, 0.4), inset 0 0 15px rgba(255, 0, 110, 0.1);
  border-color: var(--bs-secondary);
  transform: translateY(-2px); }

.card-header {
  background-color: var(--bs-light);
  border-color: var(--bs-secondary);
  color: var(--bs-secondary);
  font-weight: 600;
  text-shadow: 0 0 5px rgba(255, 0, 110, 0.4); }

.card-title {
  color: var(--bs-body-color); }

/* Button Styling */
.btn {
  font-weight: 600;
  border-radius: 0.25em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  border: 2px solid; }

.btn-primary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: white;
  box-shadow: 0 0 10px rgba(255, 0, 110, 0.5); }

.btn-primary:hover {
  background-color: #ff338b;
  border-color: #ff338b;
  box-shadow: 0 0 20px rgba(255, 0, 110, 0.8), inset 0 0 10px rgba(255, 0, 110, 0.3);
  transform: scale(1.05); }

.btn-dark {
  background-color: var(--bs-dark);
  border-color: var(--bs-secondary);
  color: var(--bs-secondary);
  box-shadow: 0 0 10px rgba(255, 0, 110, 0.4); }

.btn-dark:hover {
  background-color: var(--bs-light);
  border-color: var(--bs-secondary);
  color: var(--bs-secondary);
  box-shadow: 0 0 20px rgba(255, 0, 110, 0.6); }

.btn-outline-primary {
  color: var(--bs-secondary);
  border-color: var(--bs-secondary); }

.btn-outline-primary:hover {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  box-shadow: 0 0 20px rgba(255, 0, 110, 0.7); }

/* Badge Styling */
.badge {
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 0.5em 1em;
  border-radius: 0.25em;
  text-transform: uppercase;
  font-size: 0.75em; }

.badge.bg-primary,
.badge.bg-danger {
  background-color: var(--bs-secondary) !important;
  box-shadow: 0 0 10px rgba(255, 0, 110, 0.6); }

.badge.bg-success {
  background-color: #00ff41 !important;
  box-shadow: 0 0 10px rgba(0, 255, 65, 0.6);
  color: #000; }

.badge.bg-warning {
  background-color: #ffff00 !important;
  box-shadow: 0 0 10px rgba(255, 255, 0, 0.6);
  color: #000; }

.badge.bg-info {
  background-color: var(--bs-info) !important;
  box-shadow: 0 0 10px rgba(255, 165, 0, 0.6);
  color: #000; }

.badge.bg-secondary {
  background-color: var(--bs-dark) !important;
  color: var(--bs-body-color);
  border: 1px solid var(--bs-tertiary-color);
  box-shadow: 0 0 10px rgba(0, 217, 255, 0.4); }

/* Form Styling */
.form-control,
.form-select {
  background-color: var(--bs-light);
  border: 1px solid var(--bs-secondary);
  color: var(--bs-body-color);
  border-radius: 0.25em; }

.form-control:focus,
.form-select:focus {
  background-color: var(--bs-dark);
  border-color: var(--bs-tertiary-color);
  color: var(--bs-body-color);
  box-shadow: 0 0 15px rgba(0, 217, 255, 0.5); }

.form-label {
  color: var(--bs-body-color);
  font-weight: 600; }

/* Link Styling */
a {
  color: var(--bs-secondary);
  text-decoration: none;
  transition: all 0.3s ease; }

a:hover {
  color: #ff4d9a;
  text-shadow: 0 0 10px rgba(255, 0, 110, 0.6); }

/* Heading Styling */
h1, h2, h3, h4, h5, h6 {
  color: var(--bs-body-color);
  font-weight: 700; }

/* Animations */
.slide-in-on-load-left {
  opacity: 0;
  animation: slideIn 0.6s ease-out forwards;
  transform: translateX(75em); }
  .slide-in-on-load-left .right {
    transform: translateX(-75em); }

.slide-in-on-load-right {
  opacity: 0;
  animation: slideIn 0.6s ease-out forwards;
  transform: translateX(-75em); }

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0); } }

/*# sourceMappingURL=style.css.map */