.grids {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px ;
  flex-grow: 1;
  list-style: none;
}

.h-250 {
  height: 250px;
}

body {
  font-size: 18px;
}


.banner-background {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url('/assets/images/epaves.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.banner-background h1 {
  color: white; /* Mettre le texte en blanc pour le contraste */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.navbar {
    background-color: #1D5734;
}

div a {
    color: #2E8B57;
}

h1, h2, h3, h4, .alert-heading {
    color: #2E8B57;
}

.bg-middle {
  background-color: #2E8B57;
}

.alert {
    border-color: #DFF2E1;
    background-color: #DFF2E1;
    color: #1D5734;
}

i, .text-muted {
    color: #A8C1B4;
}

.bg-light {
    background-color: #DFF2E1;
}

.card, .btn {
    border-color: #2E8B57;
    color: #2E8B57;
}

.btn:hover, .btn:focus, .btn:active {
    background-color: #2E8B57;
    color: #DFF2E1;
}