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;
    }

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


main {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
    margin-top: 75px;
}

section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 75px;
    margin: 10px;
}

.one_card {
    background-color: #e0e0e0;
    border-radius: 25px;
    box-shadow: 0 4px 8px #000000, 0 6px 20px 0 #000000;

}

.one_card article {
    margin: 10px;
}


.jsp {
    border-radius: 15px;
}

.icon {
    display: flex;
}

.icon_two {
    display: flex;
}

.two_card {
    background-color: #e0e0e0;
    border-radius: 25px;
    box-shadow: 0 4px 8px #000000, 0 6px 20px 0 #000000;
}

.two_card article {
    margin: 10px;
}

.jsp_two {
    border-radius: 15px;    
}



.right {
    background-color: #e0e0e0; 
    border-radius: 25px;
    box-shadow: 0 4px 8px #000000, 0 6px 20px 0 #000000;
}

.right {
    article {
        margin: 10px;
    }
}

.jsp_three {
    border-radius: 15px;
}

.button {
    text-align: center;
    border-radius: 50px;
    a, h3 {
        background-color: #BC8A00;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 50px;        
        text-decoration: none;
        color: #000000;
    }
}

.button:hover {
    a,h3 {
        background-color: #936c00;
    }
}

.suivre {
    p {
    background-color: #223260;
    text-align: center;
    padding: 5px;
    border-radius: 50px;
    width: 25%;
    color: #ffffff;      
    }
}