.work {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.work__header {
  margin-bottom: 40px;
}
.work__header h2 {
  color: #FFF;
  /* 64px/bold */
  font-family: Inter Tight;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
}
.work__container {
  display: flex;
  max-width: 1180px;
  flex-direction: column;
}
.work__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.work__card {
  width: 380px;
  height: 380px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-image: url("../public/cards/21e1b3fd39b731192bfaf96de21b499a.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.work__card-hidden {
  width: 100%;
  height: 100%;
  display: flex;
  background: rgba(21, 21, 21, 0.8);
  border-radius: 16px;
  align-items: flex-end;
}
.work__card-texts {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 80px;
  margin-left: 40px;
}
.work__card-texts p:first-of-type {
  color: #FFF;
  /* 24px/bold */
  font-family: Inter Tight;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.work__card-texts p:last-of-type {
  color: #FFF;
  /* 16px/medium */
  font-family: Inter Tight;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
}
.work__card:nth-child(1) {
  background-image: url("../public/cards/img_OxgEVVT9MACp8O7welqR.webp");
}
.work__card:nth-child(2) {
  background-image: url("../public/cards/img_0hjJOwQ5pFakvQKnulhp (1).webp");
}
.work__card:nth-child(3) {
  background-image: url("../public/cards/img_OHarCqmDQvZGjv3cQK5Y.webp");
}
.work__card:nth-child(4) {
  background-image: url("../public/cards/img_MHvDqChj7PUTvUKIe9Po.webp");
}
.work__card:nth-child(5) {
  background-image: url("../public/cards/img_5dvHr8OpdIqm7k2GjZDL.webp");
}
.work__card:nth-child(6) {
  background-image: url("../public/cards/img_AmIA6WOTwO4s4keEesE5.webp");
}

@media (max-width: 1280px) {
  .work {
    height: 100%;
  }
  .work__card {
    width: 280px;
    height: 280px;
  }
  .work__card-texts {
    margin-bottom: 40px;
    margin-left: 20px;
  }
  .work__card-texts p:first-of-type {
    font-size: 20px;
  }
  .work__card-texts p:last-of-type {
    font-size: 16px;
  }
  .work__header {
    display: flex;
    justify-content: center;
  }
  .work__header h2 {
    font-size: 32px;
  }
}

/*# sourceMappingURL=work.css.map */