body {
      background-color: #121212;
      color: #e0e0e0;
      font-family: Arial, sans-serif;
    }

    .navbar {
      background-color: #1f1f1f !important;
    }

    .navbar-brand {
      color: #ffffff !important;
    }

    .navbar-brand:hover {
      color: #bbbbbb !important;
    }

    header .overlay {
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: 1;
    }

    video {
      position: relative;
      z-index: 0;
      width: 100%;
      height: auto;
    }

    .container {
      margin-top: 2rem;
    }

    h2, p {
      color: #ffffff;
    }

    table {
      background-color: #1e1e1e;
      color: #e0e0e0;
    }

    .table-hover tbody tr:hover {
      background-color: #2a2a2a;
    }

    th {
      background-color: #2c2c2c;
      color: #ffffff;
    }

    td {
      background-color: #1e1e1e;
    }

    a {
      color: #90caf9;
    }

    a:hover {
      color: #64b5f6;
    }