/* https://www.w3schools.com/howto/howto_js_portfolio_filter.asp */

/* # wordt gebruikt om een specifiek HTML-element te selecteren op basis van zijn id-attribuut. 
Bijvoorbeeld,als je een element hebt met id="header",zou je het kunnen selecteren met #header in CSS.

. wordt gebruikt om elementen te selecteren op basis van hun class-attribuut. 
Als je bijvoorbeeld een element hebt met class="button",zou je het kunnen selecteren met .button in CSS. */
/* Variabelen */:root {
    --lichtblauw:#0097c5;
    --donkerblauw:#045872;
    --wit:#ffffff;
    --grijswit:#ffffffd0;
  }
  header,section {
    padding:20px;
  }
  /* Titelstijl */
  h1 {
    color:var(--donkerblauw);
    text-align:center;
  }