* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.headerCom {
  width: 100%;
}

/* Clase main */

.main_Presentation,
.main_Portfolio {
  width: 100%;
  height: calc(100vh - 114px);
  background-color: #13171c;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 100px;
}

@media (min-width: 1024px) {
  .main_Presentation,
  .main_Portfolio {
    flex-direction: row;
    gap: 100px;
  }
}

.main_Presentation span,
.main_Portfolio span {
  color: white;
}
.main_Presentation h1,
.main_Portfolio h1 {
  width: 255px;
  height: 255px;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 4.37rem;
  color: #00adb5;
  text-align: start;
}

@media (min-width: 1024px) {
  .main_Presentation h1,
  .main_Portfolio h1 {
    width: 36rem;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 6rem;
    color: #00adb5;
  }
  .main_Presentation h1 span,
  .main_Portfolio h1 span {
    display: block;
  }
}

/* sobre mi */
.abautMe,
.works {
  width: 100%;
  height: 100%;
  background-color: #192130;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 71px 0 112px;
  gap: 38px;
}
.abautMe div {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 29px;
}

.abautMe h2,
.abautMe p {
  font-family: "Poppins";
  font-weight: 700;
  font-size: 2.62rem;
  color: white;
  text-align: start;
}

.abautMe p {
  width: 295px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #eeeeeebf;
}
.abautMe img {
  width: clamp(290px, 60vw, 600px);
  margin-right: 30px;
}

@media (min-width: 768px) {
  .abautMe {
    width: 100%;
    flex-direction: row;
  }
  .abautMe h2 {
    font-size: 64px;
  }

  .abautMe div {
    width: auto;
    margin: 0 30px;
  }
  .abautMe img {
    width: clamp(200px, 40vw, 600px);
    margin-right: 10px;
  }
}

/* cards */

.works {
  width: 100%;
  height: 100%;
  background-image: url("../images/doodle\ items.png");
  justify-content: start;
}

.works h2 {
  font-family: "Poppins";
  font-weight: 700;
  font-size: 42px;
  color: #00adb5;
  margin: 84px 0 66px;
}
.works span {
  color: white;
}