/* --------------------------------------------------------- home */
/* ========================================================= VARIABLES */
:root {
  --portfolio-dark: hsl(199,16%,35%);
  --portfolio-light: hsl(42,67%,93%);
  --portfolio-header: hsl(41,29%,89%);
  --portfolio-accent: hsl(25,78%,48%);
  --portfolio-accent-light: hsl(25, 78%, 65%);
  --portfolio-gray: hsl(25,20%,40%);
  --themeColor: #005B69;
  --themeColor-accent: #DB6B1A;
  --textDark: #4A5D66;
  --textLight: #FBF2EA; }

.body__home {
  font-size: 1rem; }

.homeCard {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70vh; }
  .homeCard:nth-of-type(even) {
    background-color: var(--portfolio-dark);
    color: var(--textLight); }
  .homeCard:nth-of-type(odd) {
    background-color: var(--portfolio-light);
    color: var(--textDark); }
    .homeCard:nth-of-type(odd) h3, .homeCard:nth-of-type(odd) p {
      color: var(--portfolio-gray); }

.homeCard > div {
  margin: 3em 0;
  flex: 0 1 auto;
  width: 80%;
  max-width: 65em; }

.homeCard h1, .homeCard h2, .homeCard h3 {
  font-weight: normal;
  line-height: 1; }

.homeCard h1 {
  color: var(--portfolio-gray);
  letter-spacing: .02em; }

.homeCard h2 {
  margin: 16px 0 48px 0;
  font-family: HeadingNow34, "HelveticaNeue-Condensed", "Arial Narrow", sans-serif;
  font-size: 6.4em; }
  .homeCard h2 span {
    color: var(--portfolio-accent); }

.homeCard.heroCard {
  min-height: 80vh; }
  .homeCard.heroCard h2 {
    font-size: 9.2em; }
  @media (min-width: 720px) {
    .homeCard.heroCard {
      min-height: 90vh; }
      .homeCard.heroCard h2 {
        font-size: 12em; }
      .homeCard.heroCard p {
        font-size: 2em; } }
  @media (min-width: 960px) {
    .homeCard.heroCard h2 {
      font-size: 14em; }
    .homeCard.heroCard p {
      font-size: 2.1em; } }
.homeCard h1, .homeCard h3 {
  font-size: 1.6em;
  line-height: 1;
  text-transform: uppercase; }

.homeCard p {
  margin-bottom: 16px;
  font-size: 1.6em;
  line-height: 1.5;
  font-style: italic; }
  .homeCard p.authorCredit {
    font-size: .75em; }

small {
  font-size: .5em; }

.starCard {
  background-image: url("../images/stars-k.svg");
  background-repeat: no-repeat; }

.avengerCard {
  background-image: url("../images/shield-tilted-w.svg");
  background-repeat: no-repeat;
  background-size: auto 150%;
  background-position: -200px 0px; }

.prettyCard {
  background-image: url("../images/butterfly-tilted-k.svg");
  background-repeat: no-repeat;
  background-size: auto 150%; }

.webCard {
  background-image: url("../images/hand-tilted-k.svg");
  background-repeat: no-repeat;
  background-size: auto 150%; }

.heroCard {
  background-image: url("../images/question-tilted-k.svg");
  background-repeat: no-repeat;
  background-size: auto 150%;
  background-position: bottom 25%; }

/*# sourceMappingURL=home-21-11.css.map */