html, body {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  background: url('../img/bg.png') no-repeat top left;
}

h1, h2, h3, h4, h5, h6, span, p, a, a:hover {
  font-family: 'Playfair Display', serif;
  font-size: 20px;
  color: #3f3f3f;
}

.scroll {
  position: fixed;
  bottom: 0;
  left: 0;
}

.horizon {
  z-index: 1;
  width: 5000px;
}

.middle {
  z-index: 500;
  width: 6000px;
}

.front, .lukas01 {
  z-index: 1500;
  width: 6000px;
}

.church, .simone01 {
  z-index: 1500;
  width: 7000px;
}

.simone02, .lukas02 {
  z-index: 1000;
  width: 10000px;
}

.simone03, .lukas03 {
  z-index: 1500;
  width: 5000px;
}

.page {
  width: 6000px;
}

.page span:first-child {
  font-family: 'Fredericka the Great', cursive;
  font-size: 3em;
}

.page div {
  position: absolute;
  width: 500px;
  bottom: 600px;
  text-align: center;
}

.page .text1 {
  margin-left: 500px;
}

.page .text2 {
  margin-left: 1500px;
}

.page .text3 {
  margin-left: 2500px;
}

.page .text4 {
  margin-left: 3500px;
}

.page .text5 {
  margin-left: 4500px;
}

.page .text6 {
  margin-left: 5500px;
}