h1{
    text-align: center;
}

input[type=submit], input[type=reset] {    
    background-color: var(--tekstkleur_accent);
    text-align: center;
    padding: 0.5rem;
    border-radius: 8px;
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--tekstkleur_contrast);
    text-decoration: none;   
    transition: background-color 0.3s ease;
    margin-bottom: 1rem;
}

/* Hover-effect */
input[type=submit]:hover,
input[type=reset]:hover {
    background-color: #520c00e3;   /* iets donkerder rood */
}

textarea {
  caret-color: black;       /* kleur van de tekstcursor */
  outline: 1px solid #121312; /* duidelijke rand bij focus */
  max-width: 90vw;
}