/*
******************************
About Section
******************************
*/

#aboutSection {
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#aboutContentWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 21.5vw;
  width: 100%;
}

#aboutSectionTitle {
  font-size: clamp(7.6rem, 13.4vw, 200rem);
  font-weight: var(--nunito-sans-extra-bold);
  text-align: center;
  line-height: 0.76;
  max-width: 57vw;
}

#aboutSectionNumber {
  font-size: clamp(2rem, 3.8vw, 100rem);
  vertical-align: top;
}

.aboutIcons {
  height: 1.8vh;
  margin-right: 25px;
}

.aboutRowTitleWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px auto 0px auto;
}

.aboutContainers {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
}

#biographyContainer {
  margin: 10vh 0px 0px 0px;
}

#aboutBiography {
  width: 57vw;
}

#experienceContainer {
  margin: 7vh 0px 0px 0px;
}

#aboutTable {
  border-spacing: 0px;
  width: 57vw;
}

#aboutTable td {
  padding: 10px 0px 10px 0px;
  border-bottom: 2px solid var(--black);
}

#aboutTable tr:first-child td {
  padding-top: 0;
}

#aboutTable td:first-child {
  text-align: left;
}

#aboutTable td:last-child {
  text-align: right;
}

/*
******************************
Responsive
******************************
*/

/* Laptop L */

@media (max-width: 1440px) {
}

/* Laptop */

@media (max-width: 1024px) {
  .aboutContainers {
    flex-direction: column;
    width: auto;
  }

  .aboutRowTitleWrapper {
    margin: 0px 0px 25px 0px;
  }

  #aboutContentWrapper {
    margin-right: 10vw;
  }

  #aboutBiography,
  #aboutTable {
    width: 80vw;
  }

  #aboutSectionTitle {
    max-width: 80vw;
    font-size: clamp(0.5rem, 19vw, 19rem);
  }

  #aboutSectionNumber {
    font-size: clamp(0.5rem, 4.8vw, 4.8rem);
  }
}

/* Tablet */

@media (max-width: 768px) {
}

/* Mobile L */

@media (max-width: 425px) {
}

/* Mobile M */

@media (max-width: 375px) {
}

/* Mobile S */

@media (max-width: 320px) {
}