@charset "utf-8";

:root {
  /* --color-primary: blue; */
}

/* Adjust the height of the welcome message image */
#HomePage_WelcomeMessage {
  & ._Body {
    & ._Chapter {
      & ._ImageFloatLeft {
        & img {
          @container (min-width: 550px) {
            width: 35% !important;
          }
        }
      }
    }
  }
}

/* Use a custom font in the Hero video. */
#Hero .Hero_GrandVideo ._TextContainer {
  & ._Title {
    font-family: "EB Garamond";
    font-size: 4.5rem;
  }

  & ._Tagline {
    font-family: "EB Garamond";
    font-size: 2.8rem;
    font-weight: bold;
  }
}

/* Use a custom font in the general page header. */
.Header ._TextContainer {
  & h1 {
    font-family: "EB Garamond";
    font-size: 4.5rem;
  }
  & h2 {
    font-family: "EB Garamond";
    font-size: 2.8rem;
    font-weight: bold;
  }
}