@charset "UTF-8";
/* Gentium Book Basic */
@font-face {
  font-family: 'gentium-book-basic-web';
  src: url("fonts/GenBkBasR.woff2?v=1.102") format("woff2"), url("fonts/GenBkBasR.woff?v=1.102") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gentium-book-basic-web';
  src: url("fonts/GenBkBasB.woff2?v=1.102") format("woff2"), url("fonts/GenBkBasB.woff?v=1.102") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'gentium-book-basic-web';
  src: url("fonts/GenBkBasI.woff2?v=1.102") format("woff2"), url("fonts/GenBkBasI.woff?v=1.102") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'gentium-book-basic-web';
  src: url("fonts/GenBkBasBI.woff2?v=1.102") format("woff2"), url("fonts/GenBkBasBI.woff?v=1.102") format("woff");
  font-weight: bold;
  font-style: italic;
}

header {
  background-image: url(sterrenwacht.jpg);
  margin: 0 0 2rem 0;
  display: flex;
  height: 30vw;
  background-size: cover;
  text-align: center;
  font-size: 1rem;
  flex-direction: column;
  justify-content: center;
  color: white;
  text-shadow: #000 0px 0px .08rem,   #000 0px 0px .08rem,   #000 0px 0px .08rem,
             #000 0px 0px .08rem,   #000 0px 0px .08rem,   #000 0px 0px .08rem;
}

header * {
  margin: 0;
}


html {
  font-family: gentium-book-basic-web, serif;
  font-size: 20px;
}

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

body {
  background: hsl(42, 26%, 55%);
  margin: 0;
}


h1 {
  font-size: 2.56rem;
}

h2 {
  font-size: 1.6rem; 
}


p, ul {
  line-height: 140%;
  text-align: justify;
}

section {
  width: 96vw;
  margin: 0 2vw 1.5rem 2vw;
}

@media screen and (min-width: 1200px) {
  section {
    width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
}



li {
  margin-left: 2rem;
}