/* static/css/components/hero.css */

.hero {
  text-align: center;
  padding: 5rem 1rem;
  background-color: var(--color-bg);
}

.hero h1 {
  font-size: 3rem;
  color: var(--color-text);
}

.hero p {
  font-size: 1.5rem;
  color: var(--color-text);
}