* {
  box-sizing: border-box;
}
a {
  outline: none;
  text-decoration: none; 
  color: #1d201f;
} 
.welcome {
  min-width: 345px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 2%;
}

.welcome__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2% 0% 0% 0%;
}

.welcome__title,
.welcome__subtitle {
  margin: 0px;
  font-family: "Poppins";
  color: #1d201f;
}
.about-me {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 480px;
}
.about-me__container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 5% 0%;
  border-radius: 25px;
  background: linear-gradient(
    75deg,
    rgba(253, 240, 161, 255) 15%,
    #c9f0bf,
    #dac2f6,
    #f4c0e6 100%
  );
  box-shadow: 0px 0px 8px 1px #1d201f;
  border: solid 0, 5px #1d201f;
  height: 75%;
  width: 60%;
}
@media (max-width: 770px) {
  .about-me {
    height: 680px;
    width: 100%;
    padding: 20px;
  }
  .about-me__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
  }
}
.about-me__photo {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: white;
}

@media (max-width: 750px) {
  .about-me__photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: white;
  }
}

.about-me__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-me__title,
.about-me__p {
  font-family: "Poppins";
  color: #1d201f;
}
.about-me__title {
  text-align: center;
}
.about-me__p {
  width: 312px;
  height: 193px;
  text-align: justify;
}
@media (max-width: 770px) {
  .about-me__p {
    padding: 0% 20%;
  }
}