*{
    font-family: 'Roboto', sans-serif;
}

a{
    text-decoration: none;
}

.underline{
    height: 5px;
    width: 100px;
    background-color: aqua;
    border-radius: 20px;
}

.bg-f2f2f2{
    background-color: #f2f2f2;
}

.bold-text {
    font-weight: bold;
  }

  .card {
    background-color: lightgrey;
  }
  
body { 
   background-image: url("../icons/wombatCache.jpg");
   background-color: #2f241d;
   /* background-color: black;*/
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}

.btn-brown {
  background-color: rgba(161, 110, 68, 0.86) !important; /* subtle transparent brown */
  color: #fff !important;
  border: 1px solid rgba(139, 94, 60, 0.6) !important;
}

.btn-brown:hover {
  background-color: rgba(139, 94, 60, 0.55) !important; /* slightly stronger on hover */
  border-color: rgba(139, 94, 60, 0.8) !important;
}

.btn-outline-brown {
  color: rgb(252, 252, 252) !important;
  border: 1px solid rgb(252, 250, 249) !important;
  background-color: transparent !important;
}

.btn-outline-brown:hover {
  background-color: rgba(139, 94, 60, 0.25) !important;
  color: #fff !important;
  border-color: rgba(139, 94, 60, 1) !important;
}

.full-height {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  /*<div class="full-height">


  
/* Spinner Start */
#spinner-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(255, 255, 255, 0.8);
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .spinner {
      border: 8px solid #f3f3f3;
      border-top: 8px solid #3498db;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }
/* Spinner End */



.bg-brown-light {
  background-color: rgba(139, 94, 60, 0) !important;
  
  /*backdrop-filter: blur(4px); */
}

/* Larger, easier-to-tap navigation when Bootstrap uses the collapsed menu. */
@media (max-width: 991.98px) {
  .navbar .nav-link,
  .navbar .dropdown-item {
    font-size: 1.2rem;
    line-height: 1.4;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }

  .navbar-toggler {
    padding: 0.55rem 0.7rem;
  }

  .navbar-toggler-icon {
    width: 2rem;
    height: 2rem;
  }

  .navbar .dropdown-toggle::after {
    border-width: 0.4em 0.4em 0;
    margin-left: 0.45em;
  }
}