body {
  background: linear-gradient(to right top, #7b5cfa, #8335a3, #661d5c, #391329, #000000);
  color: #fff;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.navbar,
footer {
  background-color: transparent !important;
}

.glass-effect {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}

.glass-effect:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.15);
}

.card-title {
  color: #7b5cfa;
}

.btn-primary {
  background-color: #7b5cfa;
  border-color: #7b5cfa;
}

.btn-primary:hover {
  background-color: #8335a3;
  border-color: #8335a3;
}

section {
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#resources ul li a {
  color: #004080;
  text-decoration: none;
}

#resources ul li a:hover,
#resources ul li a:focus {
  text-decoration: underline;
}

.map-container {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

footer {
  font-size: 0.9rem;
}

#home {
  background-image: url('https://t3.ftcdn.net/jpg/02/19/08/00/360_F_219080081_A5mBeAc8gnKEwM8wb0dLSAOS3tZMTQsT.jpg');
  background-size: cover;
  background-position: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
  height: 400px;
  

}
.text-shadow {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.carousel-image {
  height: 300px;
  width: 200px;
  object-fit: cover;
}