.body {
  margin-top: 5rem;
  padding: 0;
  text-align: center;
}

.pharagraph {
  background-color: var(--nbbc);
  overflow: hidden;
  padding: 1rem;
}

.aboutMeTitle h1 {
  font-size: 300%;
  margin-right: 1rem;
  margin-left: 1rem;
  color: var(--ac);
}

.aboutMeContent {
  text-align: justify;
  margin-left: 1rem;
  margin-right: 1rem;
}

.aboutMeContent h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media screen and (min-width: 1920px) {
  .pharagraph {
    width: 50%;
    border-radius: 2.5rem;
  }
}

@media screen and (max-width: 1100px) {
  .aboutMeTitle h1 {
    font-size: 250%;
  }
}

@media screen and (min-width: 600px) {
  .aboutMeTitle {
    float: left;
    width: 25%;
  }

  .aboutMeTitle h1 {
    float: right;
  }

  .pharagraph {
    margin: auto;
    display: flex;
    align-items: center;
  }

  .aboutMeContent {
    width: 75%;
    float: left;
  }
}