/* Layout */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f8f9fa;
  margin: 0;
}

main {
  flex: 1;
}

/* Footer */
footer {
  background: #343a40;
  color: #fff;
  text-align: center;
  padding: 0.75rem;
}

/* Headings (smaller font sizes for consistency) */
h1 {
  font-size: 1.8rem;
}
h2 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.1rem;
}
h5 {
  font-size: 1rem;
}

/* Diagram container */
.diagram {
  max-width: 600px;
  margin: 1rem auto;
}

/* Login Card */
.login-card {
  max-width: 400px;
  width: 100%;
  margin: auto;
  padding: 2rem;
  border-radius: 0.75rem;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  background: #fff;
}
.form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

/* Features Cards */
.feature-icon {
  font-size: 2rem;
  color: #0d6efd;
  margin-bottom: 1rem;
}
.card {
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.2s;
}
.card:hover {
  transform: translateY(-5px);
}
#header_school{
  background-color: aqua; 
}