* {
    box-sizing: border-box;
    transition: all 0.2s;
}

body { 
    max-width: 80em;
    margin: 1em auto;
     font-family: "Nunito Sans", sans-serif;
    line-height: 25px;
    white-space: normal; /* Allows wrapping */
    overflow-wrap: anywhere; /* Breaks the word anywhere if needed */
}

/* Structure */

.flexbox-container {
    display: flex;
    height: 100vh; /* Volledige hoogte van het venster */
}

.flex-child {
    flex:1;
    padding: .75rem 1em;
    margin: -1rem -1rem 2rem -1rem !important;
}

.content {
    flex: 3; /* Of een variabele breedte afhankelijk van de rest van de ruimte */
   box-sizing: border-box;
   overflow: hidden;
}

/* Typography */

.open-sans-pa {
   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1 {
    font-weight: 800;
    font-family: "Nunito", sans-serif;
    font-size: 2em;
    margin-bottom: 2em;
    line-height: 1.5em;
    color: #A30D4B;
}

h1.meat {
     font-family: "Nunito", sans-serif;
    padding-left:0;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
     font-family: "Nunito", sans-serif;
    break-before: page;
    color: #000;
    font-size: 1.8em;
    font-weight: 700;
    padding: 1em 0;
}

h3 {
     font-family: "Nunito", sans-serif;
    color: #000;
    font-size: 1.6em;
    font-weight: normal;
}

hr {
     font-family: "Nunito", sans-serif;
    border: 0;
    height: 0.125em;
    background-color: gainsboro;
    margin: 2em 0;
}

dl {}

dl dt {
    font-weight: bold;
    margin-top: .25em;
}

dl dt:not(:first-child) {
    margin-top: 1em;
    ;
}

dl dd {
    margin-left: 0;
}

body>section {
    margin: 0 0 3em;
    padding: 1em 0;
    padding: 0 2em;
}

body>section>h2:first-child {
    margin-top: 0;
}

/* Images */

img {
    max-width: 100%;
    max-height: 50%;
}

img,
input[type=""image""] {
    prince-pdf-tag-type: Figure;
    prince-alt-text: attr(alt);
}


img[src$="#icon"] {
  width: 1em;
  height: 1em;
}

code {
    font-family: "Monaco", monospace;
    margin: 0 .125em;
    color: #A30D4B;
    display: inline-block;
    line-height: 25px;
    font-size: 90%;
    padding:0 0.5em;
    background-color: #eee;
}


a {
    color: #A30D4B; 
}

a:hover {
    color: #000;
}

.main a {
    text-decoration: underline;
}


.screenshot {
    border: 1px solid #ddd;
}

figure {
    margin-left: 0;
}


td,
th {
    border-bottom: 1px solid gray;
    padding: .5em 3em .5em 0;
    text-align: left;
    font-size:18px;
}

th {
    font-weight: bold;
}

.accordion {
    padding: 0.5em;
    border: 1px solid gray;
}
summary {
    font-weight: 700;
}