header{
    display: inline-flex;
    padding-top: 35px;

}
a{
    text-decoration: none;
    padding: 80px;
    

}

.btn2:active{
    
    background-image: linear-gradient(
        to right,
        #ff6e7f,
        #bfe9ff,
        #ff6e7f
       
    );
    font-size: 15px;
    padding:12px;
    height: px;
    border-radius: 50px;
}
.btn2 :hover {
background-position: right;
} 

.btn1:active{
    
    background-image: linear-gradient(
        to right,
        #ff6e7f,
        #bfe9ff,
        #ff6e7f
       
    );
    font-size: 15px;
    padding:12px;
    height: px;
    border-radius: 50px;
}
.btn1 :hover {
background-position: right;
} 


.btn3:active{
    
    background-image: linear-gradient(
        to right,
        #ff6e7f,
        #bfe9ff,
        #ff6e7f
       
    );
    font-size: 15px;
    padding:12px;
    height: px;
    border-radius: 50px;
}
.btn3 :hover {
background-position: right;
} 


.btn4:active{
    
    background-image: linear-gradient(
        to right,
        #ff6e7f,
        #bfe9ff,
        #ff6e7f
       
    );
    font-size: 15px;
    padding:12px;
    height: px;
    border-radius: 50px;
}
.btn4 :hover {
background-position: right;
} 



  /* dexieme partie */

.bt a{
    padding-left: 490px;
     color: rgb(233, 226, 226);
     
}



















body{
    background-color: #abacaf;
}

h1{
    position: relative;
    padding-left: 490px;
    padding-top: 50px;
    color: #252839;
    -webkit-text-stroke:0.1vw #383d52;
    text-transform: uppercase;
}
h1::before { 

content : attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%; 
color: #405413;
background-color: #ff6e7f;
border-radius: 12px;
padding-right: 1%;
-webkit-text-stroke:0vw #383d52;
overflow: hidden;
animation: animate 6s linear infinite;

padding-left: 45px;
} 
@keyframes animate
{
    0%, 10%,100%{
        width: 0;
    }
    70%,90%{
        width: 100%;
    }
}










 #gnom {
    padding-top: 20px;
    
    
}
h3{
    padding-left: 150px;

}
p{
    padding-left: 150px;
    
}
h3{
    padding-top: 80px;

}
#ap{
    background-color: #ff6e7f;
    padding: 50px;
    padding-top: 70px;

    padding-bottom: 550px;
}


.az{
    padding-top: 98px;
}
.bz{
    padding-top: 98px;
}

#bbb{
    padding-top: 50px;
}