@media (max-width: 60em) {

    main {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0.5em;
    }

    .glass {
        flex-direction: column;
        width: 95%;
        
    }

    .dashboard {
        flex: none;
    }

    .links{
        display: flex;
        flex-direction: row;
        gap: 0.5em;
    }

    .link {
        padding: 0;
    }

    .link h2 {
        display: none;
    }

    .link i {
        font-size: 2em;
        margin: 0.2em;
    }
    
    .soutiens {
        margin: 1.5em;
        margin-top: 2em;
    }

    .soutiens h1 {
        font-size: 2em;
        text-align: center;
    }

    .presentation {
        font-size: 0.8em;
    }

    .donation{
        margin-top: 1em;
    }

    .card {
        padding: 1em;
        margin: 1em 0em;
    }

    .card h2 {
        font-size: 1em;
    }

    .cards p {
        font-size: 0.8em;
        text-align: center;
    }

    .copyright {
        position: inherit;
        margin-top: 2em;
        text-align: center;
    }

    .circle1, .circle2 {
        display: none;
    }

  
}