body {
     font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
     background-color: aquamarine;
     margin: 0;
     padding: 0;
   }
   
   header {
     background-color: rgb(92, 220, 220);
     color: rgb(233, 33, 255);
     padding: 15px 0;
     text-align: center;
     border-radius: 15px;
     border-style: solid;
     border-width: 5px;
     margin-bottom: 20px;
   }
   
   h1 {
     margin: 0;
   }
   
   nav a {
     text-decoration: none;
     color: rgb(233, 33, 255);
     margin: 10px;
     font-weight: bold;
   }
   
   .container {
     width: 80%;
     max-width: 900px;
     margin: 20px auto;
     padding: 20px;
     background-color: aqua;
     border-radius: 15px;
     border-style: solid;
     border-width: 5px;
     border-color: rgb(233, 33, 255);
   }
   
   form {
     display: flex;
     flex-direction: column;
   }
   
   label {
     font-weight: bold;
     margin-bottom: 8px;
   }
   
   input, textarea {
     padding: 10px;
     margin-bottom: 15px;
     border: 1px solid rgb(233, 33, 255);
     border-radius: 15px;
     font-size: 16px;
   }
   
   textarea {
     resize: vertical;
     height: 150px;
   }
   
   button {
     padding: 12px 20px;
     background-color: #fc0909;
     color: #fff;
     border: none;
     border-radius: 15px;
     font-size: 16px;
     cursor: pointer;
     border: 3px solid rgb(233, 33, 255); /* Zorgt voor een nette rand */
   }
   
   button:hover {
     background-color: #555;
   }
   
   @media (max-width: 768px) {
     .container {
       width: 95%;
       padding: 10px;
     }
   
     input, textarea {
       font-size: 14px;
     }
   
     button {
       font-size: 14px;
     }
   }