:root{
    --welsblauw: #005199;
    --default-font: Arial, Helvetica, sans-serif;
  }

  html, body {
    padding: 0;
    margin: 0;
  }
  



  body {
    background-color:lightgrey;
  }
  
  h1 {
    color: navy;
  }

  p {
    font-family: var(--default-font);
  }

  #header{
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--welsblauw);
  }

  #checkboxList {
    padding-left: 120px;
    padding-bottom: 50px;
    width: 50%;
    align-items: center;
    background-color: white;
  }

  #outputDiv {
    padding-left: 30px;
    padding-right: 30%;
    resize: none;
    width: 45%;
    background-color: white;
  }

  #output {
    font-size: 15px;
    font-family: var(--default-font);
    background: transparent;
    
    resize: none;
    width: 100%;
    field-sizing: content;
  }

  #copyButton {
    font-size: 15px;
    font-family: var(--default-font);
  }

  #versionid {
    text-align: right;
    padding-right: 30px;
  }
  
  .header {
    margin: 0;
  }

  .container {
    background-color: white;
    display: flex;
    padding-top: 30px;
  }
  
  .checkboxLabelStyle {
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
  }

  .textareaStyle {
    font-size: 15px;
    font-family: var(--default-font);
    background: transparent;
    
    resize: none;
    min-height: 50px;
    height: fit-content;
    width: 100%;
    field-sizing: content;
  }

  .listHeaderStyle {
    font-size: 19px;
    padding-bottom: 0px;
  }