body {
font-size: 11px;
margin: 0px; 
padding: 0px;
background-image: url(http://www.fillster.com/images/backgrounds/44z.gif);
background-size: 55px;
line-height:1.2;
cursor: url(https://cur.cursors-4u.net/others/oth-5/oth418.cur), auto;
overflow-x: hidden; /* verberg horizontale schuifbalk */
overflow-y: auto;   /* laat verticale schuifbalk zien indien nodig */
}

/* tekst */
.coral-pixels-regular {
font-family: "Coral Pixels", serif;
font-weight: 400;
font-style: normal;
}

.monsieur-la-doulaise-regular {
font-family: "Monsieur La Doulaise", cursive;
font-weight: 400;
font-style: normal;
}

.fontdiner-swanky-regular {
  font-family: "Fontdiner Swanky", serif;
  font-weight: 400;
  font-style: normal;
}

.rubik-beastly-regular {
  font-family: "Rubik Beastly", system-ui;
  font-weight: 400;
  font-style: normal;
}

.syne-mono-regular {
  font-family: "Syne Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.special-elite-regular {
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
}

.silkscreen-regular {
  font-family: "Silkscreen", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.silkscreen-bold {
  font-family: "Silkscreen", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.mansalva-regular {
  font-family: "Mansalva", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.google-sans-code {
  font-family: "Google Sans Code", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.ma-shan-zheng-regular {
  font-family: "Ma Shan Zheng", cursive;
  font-weight: 400;
  font-style: normal;
}

.zcool-kuaile-regular {
  font-family: "ZCOOL KuaiLe", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.press-start-2p-regular {
  font-family: "Press Start 2P", system-ui;
  font-weight: 400;
  font-style: normal;
}

.dotgothic16-regular {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 50;
}

.dynapuff{
  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.comic-relief-regular {
  font-family: "Comic Relief", system-ui;
  font-weight: 400;
  font-style: normal;
}

.comic-relief-bold {
  font-family: "Comic Relief", system-ui;
  font-weight: 700;
  font-style: normal;
}

h1 {
  margin: 10px;
  color:white;
}

p {
  color:white;
  font-family: "special elite";
  font-size:30px;
  margin:10px;
}

.wrapper {
  width: 1100px;
  height: auto;
  padding: 5px;
  background-color: transparent;
  border-radius: 10px;
  margin: 0 auto;
}

main{
  background-image: url('deco/main.jpeg');
  border-color: black;
  border-style: dotted;
  flex: 1;
  order: 2;
  margin:5px;
  padding:5px;
}

.box{
  background-color: #ff0096;
  border-radius:5px;
  padding:5px;
}

.nested{
  margin:5px;
}

aside {
  width: 220px;
  margin:5px;
}

.left {
  order: 1;
  text-align:center;
}

.right {
  order: 3;
}

.flex {
  display: flex;
  align-items: flex-start;
}

a {
  color: #f4d58d; /* vervang met jouw kleur */
  text-decoration: underline; /* optioneel: geen underline */
}
a:link { color: #8d0801; }
a:visited { color: #001427; }
a:hover { color: #708d81; }
a:active { color: #bf0603; }

.wrapper { position: relative; z-index: 2; }
marquee, marquee * { pointer-events: none !important; z-index: 0 !important; }