/*Эффект для кнопки*/
.aboutme .tn-atom {
    background-image: linear-gradient(45deg , #1bbdbd 60%, #0d8282);
    box-shadow: 0 16px 32px 0 rgba(27, 189, 189, 0.35);
    background-position: 100% 0 !important;
    background-size: 200% 200%;
    transition: all 0.5s ease-in-out !important;
}
/*Эффект для кнопки*/
.aboutme .tn-atom:hover {
   box-shadow: 0 0 0 0 rgba(0,40,120,0);
   background-position: 0 0 !important;
}



h2 {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right , #1bbdbd , #0d8282, #004f4f 60%);
    background-position: 0 0;
    transition: all 0.8s ease-in-out;
}
 h2:hover {
    background-position: 500px !important;
}