.navbar.is-primary {
  background-color: #2196f3; /* Primary color */
}

.hero-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hero-body h1, .hero-body h2 {
  background-color: rgba(0, 0, 0, 0.3); /* Slightly more transparent */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Adds a subtle shadow for better readability */
  padding: 5px 8px; /* Reduced padding to make the background wrap the text more tightly */
  border-radius: 5px; /* Optional: Rounded corners */
  margin-bottom: 10px; /* Adds space below each element */
  display: block; /* Ensures headings are block elements */
}


.box {
  height: 14em;
}
@media (max-width: 768px) {
  .box {
    height: auto;
  }
}

.hero-body .container {
  text-align: center; /* Ensures text and button are centered */
}

.hero-body h1 {
  margin-bottom: 10px; /* Space between the title and subtitle */
}

.hero-body h2 {
  margin-bottom: 20px; /* Adds space between subtitle and button */
}

.box {
  transition: transform 0.2s;
}

.box:hover {
  transform: scale(1.05);
}

#bio .image img {
  width: 128px; /* Ensure a consistent size */
  height: 128px;
  object-fit: cover; /* Ensures the image scales without distortion */
  border: 2px solid #4a90e2;
}

#helpful-links ul {
  list-style: none;
  padding: 0;
}

#helpful-links li {
  margin: 10px 0;
}

footer {
  background-color: #f5f5f5;
  padding: 1.5rem;
}