html,
body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.ito {
  color: #2c6f1a;
  text-decoration: none;
}

* {
  font-family: "Century Gothic", sans-serif;
}

.enrollment {
  text-decoration: none;
}

.enrollment:hover {
  text-decoration: none;
}

main {
  flex: 1;
}

.bg-warning {
  background-color: #2c6f1a !important;
}

.custom-header {
  background-color: #2c6f1a;
  /* Custom background color */
  padding: 1rem;
  /* Add padding if needed */
}

.custom-header h2 {
  margin: 0;
  /* Remove default margin if needed */
}