@font-face {
       font-family: "Tallys";
       src: url("fonts/Tallys_15.woff") format("woff");
       font-weight: 400;
       font-style: normal;
   }
/* 
   @font-face {
       font-family: "Playfair Display";
       src: url("fonts/PlayfairDisplay-Bold.woff2") format("woff2"),
           url("fonts/PlayfairDisplay-Bold.woff") format("woff");
       font-weight: 700;
       font-style: normal;
   }

   @font-face {
       font-family: "Montserrat";
       src: url("fonts/Montserrat-Regular.woff2") format("woff2");
       font-weight: 400;
       font-style: normal;
   } */

   html,
   body {
       margin: 0;
       padding: 0;
       height: 100%;
       width: 100%;
   }

   body {
       /* Achtergrond afbeelding full page */
       background-image: url("https://images.kaartje2go.nl/k2go-cardimages-fra/insidex1200x1200x85/light/8557-5131-2220-3080-1673527693767.jpg");
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;

       /* Zorgt dat afbeelding scherm vult */
       :contentReference[oaicite:1] {
           index=1
       }

       font-family:
       "Tallys",
       "Segoe UI",
       Tahoma,
       Geneva,
       Verdana,
       sans-serif;
       color: #333;
   }

   .container {
       max-width: 800px;
       margin: auto;
       padding: 40px 20px;
       text-align: center;
       backdrop-filter: blur(5px);
       /* Optioneel: lichte blur achter tekst */
   }

   .flower {
       max-width: 250px;
       margin: 20px auto;
   }

   h1 {
       font-size: 3rem;
       margin-top: 60px;
       color: #3e2c1c;
   }

   p {
       font-size: 1.2rem;
   }

   .section {
       background: rgba(255, 255, 255, 0.75);
       /* Semi-wit voor leesbaarheid */
       padding: 20px;
       margin-top: 40px;
       border-radius: 8px;
   }

   .rsvp-form input,
   .rsvp-form textarea {
       width: 100%;
       padding: 8px;
       margin-top: 8px;
   }

   .rsvp-form button {
       padding: 10px 20px;
       background: #b38f6b;
       color: white;
       border: none;
       cursor: pointer;
       margin-top: 10px;
   }