/* Voorplaat voor de-piramide.org
========================================*/
:root {
  /* KLEUREN
========================================*/
  --merkkleur: #b7378f;
  --kleur-licht: hsl(0, 0%, 95%);
  /* TEKSTEN EN LINKS */
  --tekstkleur-licht: hsl(0, 0%, 95%);
  --tekstkleur: #000;
  --tekstkleur__kop: var(--merkkleur);
  --tekstkleur__header: var(--merkkleur);
  --tekstkleur__footer: var(--tekstkleur-licht);
  --tekstkleur__success: hsl(120, 32%, 20%);
  --tekstkleur__danger: hsl(2, 47%, 30%);
  --tekstkleur__knop: var(--tekstkleur-licht);
  --tekstkleur__skipto: var(--linkkleur);
  --linkkleur: var(--merkkleur);
  --linkkleur__hover: inherit;
  /* ACHTERGRONDEN */
  --achtergrond__body: #751657;
  --achtergrond__website: var(--merkkleur);
  --achtergrond__header: var(--achtergrond__inhoud);
  --achtergrond__inhoud: var(--kleur-licht);
  --achtergrond__aside: var(--achtergrond__inhoud);
  --achtergrond__footer: var(--merkkleur);
  --achtergrond__knop: var(--merkkleur);
  --achtergrond__skipto: var(--achtergrond__inhoud);
  --achtergrond__hoofdmenu-1: var(--kleur-licht);
  --achtergrond__hoofdmenu-2: #b7378f;
  --gradient__navicon: linear-gradient(to left, var(--achtergrond__header), var(--achtergrond__knop) 32%, var(--achtergrond__knop) 68%, var(--achtergrond__header));
  /* RANDEN */
  --randkleur: var(--merkkleur);
  --randkleur__input: var(--randkleur);
  --randkleur__skipto: var(--randkleur);
  /* VARIABELEN
========================================*/
  /* TEKST */
  --lettertype: "Josefin sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  --lettergrootte: 1rem;
  --lettergrootte__kop-1: 2.7rem;
  --lettergrootte__kop-2: 2rem;
  --lettergrootte__kop-3: 1.1rem;
  --lettergrootte__kop-4: var(--lettergrootte);
  --lettergrootte__kop-5: var(--lettergrootte);
  --lettergrootte__kop-6: var(--lettergrootte);
  --lettergrootte__header: 1.4em;
  --lettergrootte__skipto: 1.3em;
  --lettergrootte__navicon: 2em;
  --letterdikte: 700;
  --regelafstand: 1.7;
  --regelafstand__kop: 1.2;
  /* MARGES & PADDING (VULLING) */
  --marge__website: 20px;
  --vulling__input: 5px;
  /* RANDEN, RADIUS & OMTREK */
  --rand__input: 2px solid var(--randkleur__input);
  --rand__skipto: 1px solid var(--randkleur__skipto);
  --radius: 3px;
  --radius__website: 15px;
  --radius__knop: 3px;
  /* MATEN */
  --grootte__checkbox: 1em;
  --grootte__radio: 1em;
}
/* MEDIA QUERIES
========================================*/
/* CSS VOORPLAAT
========================================*/
* {
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  color: var(--tekstkleur);
  font-family: var(--lettertype);
  line-height: var(--regelafstand);
  margin: 0;
  min-height: 100%;
  padding: 0;
  text-align: center;
}
h1 {
  line-height: var(--regelafstand__kop);
}
a {
  color: var(--linkkleur);
  text-decoration: none;
}
.groet {
  color: var(--tekstkleur);
  display: block;
  font-size: var(--lettergrootte__kop-2);
}
.groet-van {
  font-size: var(--lettergrootte__kop-2);
}
address {
  font-style: normal;
}
address span {
  display: block;
}
@media (min-width: 750px) {
  address span {
    display: inline-block;
  }
  address span + span {
    margin: 0 1em;
  }
}
.btn {
  background: var(--achtergrond__knop);
  border-radius: var(--radius__knop);
  color: var(--tekstkleur__knop);
  display: inline-block;
  padding: 5px;
  max-width: 62%;
  width: 100%;
}
.voorplaat {
  align-items: center;
  background: #cad0f4 url('../afbeeldingen/achtergrond_voorplaat.jpg') no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
}
.info {
  flex: 1 auto;
  max-width: 600px;
  padding: var(--marge__website);
  text-align: center;
}
.logo-piramide {
  filter: drop-shadow(0 0 20px #000);
  height: auto;
  margin-bottom: 1em;
  width: 62%;
}
/*# sourceMappingURL=opmaak-voorplaat.css.map */