/* font-family: 'Pixelify Sans', sans-serif; */



body{
    width: auto;
    height:800px;
    margin: 50px;
    background: rgb(6, 14, 36);
    font-family: 'Pixelify Sans', sans-serif;
    border-bottom: 5px solid orange;
    
    
}

header{   
    
    background-image: url('assets/baniere.png');
    background-color: orange;
    background-size: cover; /* Assure que l'image couvre toute la section */
    background-position: center center;
    background-repeat: no-repeat;
    height: 300px;
    display: flex;
    border-bottom: 3px solid rgb(240, 142, 14);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    
}

#section-1{
    
    background: rgb(8, 8, 105);
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: left;
    
   
}
#section-2{
    background: rgb(8, 8, 105);
    
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
    border-bottom: 5px solid orange;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    
    
}

.lien{
    background-color: rgb(6, 49, 96);
    background-size: cover; /* Assure que l'image couvre toute la section */
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 60px;
    width:600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 5px solid black;
    border-radius: 40px;
    


}

footer{
    
    background-color: rgb(6, 49, 96);
    display: flex;
    bottom: 0;
    width: 100%;
    justify-content: right;
    border-top: 5px solid orange;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

img{
    background-color: rgb(180,50,61);
    position: relative;
    margin-bottom: 100px;
    top: 50px;
    padding: 10px;
    width: 300px;
    border: 5px solid orange;
    border-radius: 0 50px 50px;
}

#contact{
    width: 250px;
    height:30px;
    color: rgb(255, 255, 255);

    position: relative;
    right: 20px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: cornflowerblue;
    border-radius: 5px;
    border-bottom: 5px solid orange ;
}

li{
    width: 90%;
    height: 25px;
    color: rgb(203, 206, 226);
}


form{
    position: relative;
    text-align:  left;
    margin-left: 60px;
    padding-bottom: 60px;
    top:20px;
   
}



input{
    background-color: cornflowerblue;
    width:250px;
    height: 35px;
    border-radius: 5px;
}

label{
    color: rgb(255, 255, 255);
}

a{
    color: orange;
    text-decoration: none;
}



p{
    color: orange;
    margin-left: 60px;
}

h2{
    
    color:orange;
    margin-left: 60px;
    
}
button{
    width: 250px;
    display: none;
}