/* Main body text font size */
.md-typeset {
  font-size: 0.85rem !important;
}

/* Styles for the individual boxes */
.box-container {
  display: flex !important;
  justify-content: center !important;
  gap: 30px !important;
  margin-top: 40px !important;
}

.box {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #4b66b4 !important; /* purple box */
  color: #ffffff !important;           /* white text inside */
  padding: 15px 25px !important;
  font-size: 1.1rem !important;
  font-weight: bold !important;
  text-decoration: none !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.box:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.25) !important;
}

/* Center the hero title block */
.hero-title {
  text-align: center;
  margin: 2rem 0;
}

.hero-title h1 {
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}

.hero-title h2 {
  font-size: 1.2rem;
  font-weight: normal;
  color: #333;
  margin-top: 0;
}


/* All headings in black */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6,
.md-typeset strong {
  color: #000000 !important;
}

/* Remove hyperlink from site name */
.md-header__button.md-logo + .md-header__title,
.md-header__title {
  text-decoration: none !important;
  pointer-events: none !important;
  cursor: default !important;
}
