body {
  background-color: var(--site-bg);
}

.about-hero {
  height: 100vh;
  padding: var(--space-2xs);
  align-self: center;
  justify-self: auto;
  position: relative;
  background-color: var(--primary-l-4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Primary-Font {
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xl);
  animation: entrance;
}