.about-container {
  border: 3px solid hsl(212, 81%, 53%);
  width: 90%;
  height: 85%;
  background-color: white;
  margin-top: 25px;
}

.learngram-about {
  text-align: center;
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #2E2B2B; 
  margin: 21px;
}

.div1 {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 320px) {
  .about-container {
    width: 85%;
    height: 80%;
  }
  
  .learngram-about {
    font-size: 17px;
    margin: 5px;
  }
}

@media screen and (max-width: 700px) {
  .about-container {
    width: 85%;
    height: 80%;
  }
  
  .learngram-about {
    font-size: 17px;
    margin: 5px;
  }
}

@media screen and (max-width: 1024px) {
  .about-container {
    width: 85%;
    height: 80%;
  }
  
  .learngram-about {
    font-size: 17px;
    margin: 5px;
  }
}