@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            background-color: #6FC0F1;/* 👈 Hier de kleur van de PAGINA achtergrond */
        }
/* Stijl voor de container van de QR-code om ervoor te zorgen dat het gecentreerd en responsief is */
        #qrcode-container {
            display: flex; /* Gebruik flexbox om de interne canvas te centreren */
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%; /* Zorg ervoor dat de container de hoogte vult */
            max-width: 100%; /* Zorg ervoor dat het responsief is */
            border-radius: 0.75rem; /* Afgeronde hoeken */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Lichte schaduw */
            background-color: #ffffff; /* Achtergrondkleur voor de QR-code container */
        }
        /* Stijl voor de canvas die qrcode.js genereert binnen de container */
        #qrcode-container canvas {
            display: block; /* Verwijder extra ruimte onder de canvas */
            max-width: 100%; /* Zorg ervoor dat het responsief is */
            height: auto; /* Behoud aspect ratio */
            border-radius: 0.75rem; /* Afgeronde hoeken */
        }