body {
  background-color: #487022;
  color: #fff;
  font-family: 'Roboto', sans-serif;
}

#title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #2c3e50;
  text-align: center;
  margin: 20px 0;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.container-fluid {
  padding: 2rem;
}
.section-title {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
.box {
  background-color: #487022;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  color:white;
}
.inner_box {
  background-color: #334f18;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  color:white;
}
#map {
  height: 400px;
  background-color: #0c1623;
}
.form-control,

.btn {
  border-radius: 0.375rem;
  border-spacing: 10px;
}

.btn-hover-effect {
  /*
  animazione per i bottoni
   */
  transition: all 0.3s ease;
}

.btn-hover-effect:hover {
  filter: brightness(90%);
  transform: scale(1.05);
  background-color: inherit;
  color: #fff;
}


.btn:disabled {
  background-color: #555;
  border: none;
}

.btn.btn-area-riservata{
  background-color: #2a9134;
  color: #fff;
}

.text-gradient{
 color: #38b000;
}