/* mon espace */
    .container_box{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 16px;
    }
    
    .content_box{
        border-radius: 16px;
        background: var(--white);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px;
        border: 1px solid var(--blue);
    }
    
    .content_box i{
        font-size: 120px;
        color: var(--blue);
    }
    
    .content_box span{
        text-align: center;
    }
    
    .content_box p{
        text-align: center;
    }
    
    .content_box:hover{
        background: var(--blue);
    }
    
    .content_box:hover p, .content_box:hover span, .content_box:hover i{
        color: var(--white);
    }
/* mon espace */

/* responive */
    /* mon espace */
        @media screen and (max-width: 500px){
            .container_box{
                grid-template-columns: repeat(2,1fr);
            }
            
            .content_box i{
                font-size: 80px;
            }
        }
    /* mon espace */
/* responive */