body{margin:40px auto;
    max-width:650px;
    line-height:1.6;
    font-size:18px;
    color:#444;
    padding:0 10px}
  .main-menu li {
    display: inline-block;
    text-decoration: none;
    padding: 14px;
  }

/* code om de dark mode het systeem te laten volgen */
@media (prefers-color-scheme: dark) {
body{
  background-color: #212121;
  color: #bdc1c6;
}
}

/* hier gaat de gewone css verder */
  a:link {
    text-decoration: none;
    color: inherit;
  }
  a:visited {
    color: inherit;
  }
  a:hover {
    color: grey;
  }

  h1,h2,h3{
    line-height:1.2
  }
  h1,h2 {
    text-align: center;
  }

  a#selected{
    color: #FECC02;
  }

  a#previous{
    text-align: center;
    color: orange;
  }

  p#date{
    text-align: center;
    font-style: italic;
  }

  img {
    width: 100%;
  }

  div.previous {
    text-align: right;
  }

  .footer{
    text-align: center;
    font-style: italic;
    vertical-align: bottom;
  }
/* Vormgeving van de tabellen */
  table {
    width: 100%;
    border-collapse: collapse;
  }

  th{
    text-align: left;
  }

  th:nth-child(n+5){
    text-align: right;
  }

  td:nth-child(n+5){
    text-align: right;
  }

  tr {
    border-bottom: 1px solid grey;
  }

/* where the fun starts */
  /* kleurtjes voor de diverse vlaggen */
      a#sweden {
        color: #005293;
      }
      a#sweden:hover{
        color: #fecb00;
      }