body{
font-family:Poppins,sans-serif;
scroll-behavior:smooth;
}

.hero{
background:
linear-gradient(rgba(15,23,42,.8),rgba(15,23,42,.85)),
url("../images/splash/children-teachers-classroom-01.png");
background-size:cover;
background-position:center;
}

.glass{
backdrop-filter:blur(12px);
background:rgba(255,255,255,.08);
}

.teacher-card:hover{
transform:translateY(-10px);
transition:.3s;
}

.subject:hover{
background:#2563eb;
color:white;
transition:.3s;
}

.centered-container {
  display: flex;
  flex-direction: column; /* Stacks items vertically */
  justify-content: center; /* Centers items vertically */
  align-items: center; /* Centers items horizontally */
  text-align: center; /* Centers inline text lines */
  gap: 15px; /* Adds space between image and text */
  height: 300px; /* Optional: Give container height to see vertical centering */
}