body {
    font-size: .875rem;
  }
  
  
  /*
   * Navbar
   */
  
  .navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
  }

  /* Mobile navbar brand centering */
  @media (max-width: 767.98px) {
    .navbar {
      position: relative;
      justify-content: center;
    }

    .navbar-brand {
      width: 100% !important;
      text-align: center !important;
      justify-content: center !important;
      display: flex !important;
      align-items: center !important;
      margin-right: 0 !important;
    }

    .navbar .d-flex {
      position: absolute;
      right: 0.5rem;
      top: 50%;
      transform: translateY(-50%);
      width: auto !important;
      z-index: 1050;
    }

    .navbar-toggler {
      border: none;
      padding: 0.25rem 0.5rem;
    }
  }
  
  .navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
  }
  
  .navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
  }
  
  .form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, .1);
  }
  
  .form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
  }

  /*
   * Main content area
   */


  /* Main content styling */
  main[role="main"] {
    background-color: var(--bs-body-bg, #fff);
    min-height: 100vh;
  }