/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./components/blocks/team/styles/src/team.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root{
  --color-red-primary:var(--color-red-700);
  --color-orange-primary:var(--color-orage-500);
  --color-pink-primary:var(--color-pink-600);
  --color-teal-primary:var(--color-teal-600);
  --color-purple-primary:var(--color-purple-800);
  --color-grey-primary:var(--color-grey-950);
  --max-width:1285px;
  --max-width-content:55rem;
  --border-radius-s:0.5rem;
  --border-radius-m:0.75rem;
  --fast-out-back:cubic-bezier(0.37, 0.38, 0.03, 1.23);
  --smooth-ease:cubic-bezier(0.65, -0.01, 0, 1);
}

.team-members{
  display:flex;
  flex-direction:column;
  gap:10rem;
  margin-block:10rem;
}

.team-member{
  display:grid;
  gap:4rem;
  grid-template-columns:1fr 1fr;
}
.team-member__image{
  aspect-ratio:9/12;
  border-radius:var(--border-radius-m);
  height:auto;
  overflow:hidden;
  width:100%;
}
.team-member__info{
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
}
.team-member__name{
  font-size:6rem;
  margin-bottom:3rem;
}
.team-member__email{
  align-items:center;
  display:flex;
  flex-flow:row nowrap;
  gap:.5rem;
  margin-top:2rem;
}
.team-member__email img{
  height:1.25em;
  width:auto;
}
@media (min-width:769px){
  .team-member:nth-of-type(odd) .team-member__image{
    grid-column:2;
    grid-row:1;
  }
  .team-member:nth-of-type(odd) .team-member__info{
    grid-column:1;
    grid-row:1;
  }
}
@media (max-width:768px){
  .team-member{
    grid-template-columns:1fr;
  }
}

/*! Add Soul */
/*# sourceMappingURL=team.css.map*/