.aboutWrapper {
  position: relative;
  width: 90%;
}

.about {
  display: flex;
  flex-direction: row;
  padding: calc(45rem / 16);
}

.about h1 {
  margin: 0;
}

.about h4 {
  margin: 0;
}

.about aside {
  flex: 1;
  margin-right: calc(40rem / 16);
}

.about aside h1 {
  color: var(--secondary-accent)
}

.about aside p {
  color: var(--primary-accent-lighter)
}

.about article {
  flex: 3;
}

.about article p {
  color: var(--primary-text);
}

.angle {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(70rem / 16);
  height: calc(70rem / 16);
}

.anglePath {
  stroke: var(--primary-accent-light)
}

.left.angle {
  transform: rotate(180deg);
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 900px) {
  .about {
    flex-direction: column;
  }
}
