html, body {
    height: 100%;
    background-color: #121212;
    color: #ffffff;
    margin: 0;
    padding: 0;
  }
  
  body {
    background-color: #121212;
    color: #ffffff;
  }
  
  .container {
    background-color: transparent;
  }
  
  .card {
    background-color: #333333;
    color: #ffffff;
  }
  
  .alert {
    background-color: #333333;
    color: #ffffff;
  }
  
  .btn-outline-primary {
    border-color: #ffffff;
    color: #ffffff;
  }
  
  .btn-outline-primary:hover {
    background-color: #ffffff;
    color: #121212;
  }
  
  .btn-outline-dark {
    border-color: #ffffff;
    color: #ffffff;
  }
  
  .btn-outline-dark:hover {
    background-color: #ffffff;
    color: #121212;
  }
  
  .btn-danger {
    background-color: #ff4d4d;
    color: #ffffff;
  }
  
  .btn-danger:hover {
    background-color: #ff6666;
  }
  
  input, textarea, select {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    border-radius: 4px;
  }
  
  input::placeholder, textarea::placeholder {
    color: #aaaaaa !important;
  }
  
  input:focus, textarea:focus, select:focus {
    background-color: #2a2a2a !important;
    border-color: #ffffff !important;
    outline: none !important;
  }
  
  input.form-control, textarea.form-control, select.form-control {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
  }
  
  input.form-control::placeholder, textarea.form-control::placeholder {
    color: #aaaaaa !important;
  }
  
  input.form-control:focus, textarea.form-control:focus, select.form-control:focus {
    background-color: #2a2a2a !important;
    border-color: #ffffff !important;
    outline: none !important;
  }