3about.css

.about {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.about-paragraph {
  text-align: justify;
}
.about-pfp {
  text-align: center;
}
.about-pfp img {
  height: 14rem;
  width: 14rem;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0px 0px 16px 2px;
}
#about-tagline {
  font-weight: 300;
  color: var(white);
}
/* xs */
@media (min-width: 475px) {
}

/* sm */
@media (min-width: 640px) {
}

/* md */
@media (min-width: 768px) {
}

/* lg */
@media (min-width: 1024px) {
  .about {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
  .about-paragraph {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .about-pfp {
    margin-right: 4rem;
  }
}

/* xl */
@media (min-width: 1280px) {
}

/* 2xl */
@media (min-width: 1536px) {
}