#APage {
    font-family: Arial, Helvetica, sans-serif;
    background-color: whitesmoke;
    padding: 5px 0px 70px 0px;
}
#APage .row{
    padding: 10px 10px 0px 10px;
}
#APage h3{
    color:  rgb(22, 117, 155);
    font-weight: bold;
    padding: 40px 3px 10px 20px;
    font-family: initial;

}
#APage p{
    color: rgb(143, 141, 141);
    padding: 0px 10px 10px 20px;
}
#APage h2{
    color: rgb(22, 117, 155);
    font-weight: bold;
    padding: 40px 3px 5px 20px;
    font-style:inherit;
}
#APage h4{
    color:  rgb(22, 117, 155);
    font-weight: bold;
    padding: 0px 3px 10px 20px;
    font-family: initial;
}
#APage img{
    height: 270px;
    width: 390px;
    padding: 10px; 
    text-align: center;
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
@media screen and (max-width: 550px){
    #APage img{
        height: 260px;
        width: 370px;
        padding: 10px; 
    }
}

#anim_1-about{
    animation: 1.3s fadeInTop ;

}
#anim_2-about{
    animation: 2.3s fadeInleft ; 
}
#anim_3-about{
    animation: 1.3s fadeInleft;
}
#anim_4-about{
    animation: 2.3s fadeInTop ; 
}#anim_5-about{
    animation: 1.3s fadeInTop ;
}
#anim_6-about{
    animation: 2.3s fadeInTop ; 
}
@keyframes fadeInleft {
    0% {
      transform: translateX(100%);
      opacity: 0;
      overflow: hidden;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    overflow: hidden;
    }
  }
@keyframes fadeInTop {
    0% {
      transform: translateY(100%);
      opacity: 0;
      overflow: hidden;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    overflow: hidden;
    }
  }