/* about me styles start   */
.about-me-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 2rem 0;
}
@media (max-width: 768px) {
  .about-me-section {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .about-me-section .about-me-section-right {
    text-align: center;
  }
}
.about-me-section .about-me-section-left .img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-image: url("../../assets/img/avatar.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  outline: 1.5px solid var(--WHITE);
  box-shadow: 1px 2px 10px var(--BLACK);
  transition: all ease 300ms;
}
.about-me-section .about-me-section-left .img:hover {
  transform: scale(1.05);
  outline: 1.5px solid var(--MAIN_ACCENT);
  box-shadow: -1px -2px 10px var(--BLACK);
}

.about-me-section .about-me-section-right {
  line-height: 2.5;
  padding: 0.125rem 2rem;
}

.about-me-section .about-me-section-right p {
  color: var(--WHITE);
  margin: 0.5rem 0;
}

/* about me styles end   */