* {
  font-family: "Bitter", serif;
  font-optical-sizing: auto;
  font-style: normal;
  
}

body {
  background: darkolivegreen; 
  color: #f8f9fa; 
}

.carousel-caption h5,
.carousel-caption p {
    color: #000000 !important; 
    font-weight: bold; 
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.9); 
}

.navbar.bg-body-tertiary {
    background-color: transparent !important;
}

.navbar-nav .nav-link {
    background-color: #a3d977; 
    color: #000000 !important; 
    border: 2px solid #000000; 
    border-radius: 8px; 
    margin: 5px 8px; 
    padding: 8px 16px !important; 
    font-weight: 600; 
    transition: all 0.2s ease; 
}

.navbar-nav .nav-link:hover {
    background-color: #8bc35a; 
    box-shadow: 3px 3px 0px #000000; 
    transform: translateY(-2px); 
}

.navbar-toggler {
    background-color: #a3d977;
    border: 2px solid #000000;
}

.contenedor {
  display: flex;
  flex-direction: column;
}

.Circulo1 { 
  align-self: flex-start;
  width: 110px;
  height: 110px;
  border-radius: 70%;
  border: 5px solid rgb(0, 0, 0);
}

.Circulo2 {
  align-self: flex-end;
  width: 110px;
  height: 110px;
  border-radius: 70%;
  border: 5px solid rgb(0, 0, 0);
}


.card {
  background-color: #6c8c3f; 
  color: #ffffff; 
  border: 1px solid #4a5d29; 
}

.accordion-item {
  background-color: #6c8c3f; 
  color: #ffffff;
  border-color: #4a5d29;
}

.accordion-button {
  background-color: #5c7a36;
  color: #ffffff;
}

.accordion-button:not(.collapsed) {
  background-color: #4a5d29;
  color: #ffffff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-button::after {
  filter: invert(1);
}