@media (max-width: 48em) {

    body {
        max-width: 48em;
    }
    
    header, main, footer {
        margin: 1em 1em;
    }
    
    header img {
        width: 80%;
    }
    
    h1 {
        font-size: 32px;
    }
    
    h2 {
        font-size: 14px;
    }
    
    h3 {
        font-size: 24px;
    }
    
    p, form{
        font-size: 18px;
    }

    form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #email {
        width: 100%;
    }

    .paiement {
        width: 100%;
    }

    #card-element{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 1em;
    }



}