/* .appcont1{
    font-size: 25px;
} */


.abcont1{
 
    animation: fadeInAnimation ease 6s ;
    animation-iteration-count: 1; 
    animation-fill-mode: backwards; 
    font-size: 20px;

}
.abcont1{
 font-size: 35px;
}
/* .abt{
    font-size: 25px;
    font-weight: bold;
} */

h1{
    font-size: 26px;
}

h3{
    font-size: 20px;
}


.button {
  border: 1px solid black;
  border-radius: 3px;

  text-decoration: none !important;
  align-items: center;
  display: block;
  height: fit-content;
  background: linear-gradient(to right,black 50%, white  50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  text-decoration: none;
  padding: 5px;
  color: black;
}

.button:hover {
  background-position: left bottom;
  text-decoration: none;
  color: white;
}

  @keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
     } 
}