.text-style {
            /* font-family: "Dancing Script", cursive; */
            font-family: "Satisfy", cursive;
            font-weight: normal;
            font-optical-sizing: auto;
        }

        .confirmation-btn {
            display: flex;
        }

        @media screen and (max-width: 600px) {
            .confirmation {
                display: none;
            }

            .texte-normal {
                font-style: italic;
                text-align: center;
                padding-top: 3%;
            }

            .texte-auteur {
                font-size: 60px;
            }

            .texte-evenement {
                font-size: 30px;
                margin-top: -5%;
                font-family: "Satisfy", cursive;
            }

            .confirmation-btn {
                display: flex;
                padding-top: 1%;
                text-align: center;
                margin-left: 30%;
            }

            .hidden-message {
                display: block;
            }

            .Qr-size{
                padding-left: 30%;
                padding-right: 30%;
                padding-top: 5%;
                padding-bottom: 0%;
            }

            .bouton-whatsapp{
                padding: 0% 5%; 
                display: flex;
                margin-left: 38%;
            }
            .bouton-hidden{
                display: none;
            }
            .description-content{
                text-align: center; 
                margin: 0%;
            }

            .flex-block{
                display: flex;
            }

            .filter{
                display: block; padding: 1% 2%;
            }
        }

        .message {
            animation: fadeOut 2.5s forwards;
            animation-delay: 2s;
            /* Délai avant disparition */
        }

        @keyframes fadeOut {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
                display: none;
            }
        }

        @media screen and (min-width: 900px) {
            .texte-auteur {
                font-size: 100px;
            }

            .texte-evenement {
                font-size: 50px;
                margin-top: -5%;
            }

            .hidden-message {
                display: none;
            }
            .Qr-size{
                padding: 25%;
            }
            .bouton-whatsapp{
                padding: 0% 5%; 
                display: flex;
            }
            .description-content{
                text-align: justify; 
                margin: 0%;
            }

            .filter{
                display: flex; padding: 1% 2%;
            }
            
        }

        /* Pour les écrans plus larges que 1200px (grands écrans) */
        @media screen and (min-width: 1200px) {
            .texte-auteur {
                font-size: 100px;
                margin-top: -5%;
            }

            .texte-evenement {
                font-size: 50px;
                margin-top: -5%;
            }

            .hidden-message {
                display: none;
            }
            .Qr-size{
                padding: 25%;

            }
            .bouton-whatsapp{
                padding: 0% 5%; 
                display: flex;
            }
            .description-content{
                text-align: justify; 
                margin: 0%;
            }

            .filter{
                display: flex; padding: 1% 2%;
            }
        }