body {
    margin: 0%;
}

body {
    background-image: url("../assets/image/escrime2.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

header {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #EAEAEA;
    h1 {
        margin: 10px;
    }

    a, h1 {
        color: #000000;
        text-decoration: none;
    }

    nav {
        margin: 20px;
        img {
            margin: 10px;
        }
    }
}

.barre_recherche {
    text-align: center;
    margin-top: 80px;
}

.barre {
    width: 40%;
    padding: 12px;
    border-radius: 12px;
    font-size: 14px;
}

.card_one {
    background-color: #CFCFCF;
    border-radius: 25px;
    margin: 10px;
    box-shadow: 0 4px 8px #000000, 0 6px 20px 0 #000000;
}

.demandes_amis {
    margin-left: 10px;
    margin-top: 75px;
}

.demandes_info {
    display: flex;
    flex-wrap: wrap;
    background-color: #E8E8E8;
    border-radius: 25px;
    padding: 10px;
    justify-content: space-between;
}

.button {
    display: flex;
    align-items: center;
    a {
        margin: 30px;
    }
}

.accepter {
    a {
        background-color: #064208;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    }
}

.accepter:hover {
    a {
        background-color: #032504;
    }
}

.refuser {
    a {
        background-color: #660002;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    }
}

.refuser:hover {
    a {
        background-color: #270001;
    }
}



.info_two {
    display: flex;
    flex-wrap: wrap;
    background-color: #E8E8E8;
    border-radius: 25px;
    padding: 10px;
    margin-top: 10px;
    justify-content: space-between;
} 

.button_two {
    display: flex;
    align-items: center;
    a {
        margin: 30px;
    }
}

.accepter_two {
    a {
        background-color: #064208;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    } 
}

.accepter_two:hover {
    a {
        background-color: #032504;
    }
}

.refuser_two {
    a {
        background-color: #660002;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    }
}

.refuser_two:hover {
    a {
        background-color: #270001;
    }
}




.mes_amis {
    margin-left: 10px;
    margin-top: 75px;    
}

.card_two {
    background-color: #CFCFCF;
    border-radius: 25px;
    margin: 10px;
    box-shadow: 0 4px 8px #000000, 0 6px 20px 0 #000000;
}

.info_three {
    display: flex;
    flex-wrap: wrap;
    background-color: #E8E8E8;
    border-radius: 25px;
    padding: 10px;
    margin-top: 10px;
    justify-content: space-between;
}

.button_three {
    display: flex;
    align-items: center;
    a {
        margin: 30px;
    }   
}

.profil {
    a {
        background-color: #071151;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    } 
}

.profil:hover {
    a {
        background-color: #050c3a;
    }
}

.supprimer {
    a {
        background-color: #660002;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    }   
}

.supprimer:hover {
    a {
        background-color: #270001;
    }   
}


.info_four {
    display: flex;
    flex-wrap: wrap;
    background-color: #E8E8E8;
    border-radius: 25px;
    padding: 10px;
    margin-top: 10px;
    justify-content: space-between;
}

.button_four {
    display: flex;
    align-items: center;
    a {
        margin: 30px;
    }   
}

.profil_two {
    a {
        background-color: #071151;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    } 
}

.profil_two:hover {
    a {
        background-color: #050c3a;
    }   
}

.supprimer_two {
    a {
        background-color: #660002;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    }   
}

.supprimer_two:hover {
    a {
        background-color: #270001;
    }   
}


.info_five {
    display: flex;
    flex-wrap: wrap;
    background-color: #E8E8E8;
    border-radius: 25px;
    padding: 10px;
    margin-top: 10px;
    justify-content: space-between;
}

.button_five {
    display: flex;
    align-items: center;
    a {
        margin: 30px;
    }   
}

.profil_three {
    a {
        background-color: #071151;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    }
}

.profil_three:hover {
    a {
        background-color: #050c3a;
    }   
}

.supprimer_three {
    a {
        background-color: #660002;
        text-decoration: none;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 60px;
        padding-right: 60px;
        border-radius: 25px;
    } 
}

.supprimer_three:hover {
    a {
        background-color: #270001;
    } 
}



.pas_amis {
    text-align: center;
    margin-top: 75px;
}



.bas {
    text-align: center;
    background-color: #0b0f42;
    padding: 10px;
    p {
        color: #BDB8B8;
    }
}