body {
    margin: 0;
    padding: 0;
}

.homepage {
  background-color: #6acfb5;
  width: 100%;
  min-width: 1280px;
  min-height: 1684px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.homepage .header {
  width: 1282px;
  height: 100px;
  position: relative;
  background-color: #fffec6;
}


.homepage .text-wrapper {
  position: absolute;
  width: 15.23%;
  height: 59.00%;
  top: 25.00%;
  left: 8.05%;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  color: #f9078c;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
background-color: lightpink
}

.homepage .div {
  position: absolute;
  width: 15.55%;
  height: 58.00%;
  top: 25.00%;
  left: 24.53%;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  color: #0488c1;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
background-color: lightblue
}

.homepage .text-wrapper-2 {
  position: absolute;
  width: 15.78%;
  height: 58.00%;
  top: 25.00%;
  left: 41.09%;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  color: #01993b;
  font-size: 36px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
background-color: lightgreen
}

.homepage .star {
    position: absolute;
    width: 75px;
    height: 70px;
    left: 19px;
}

.homepage .main {
  width: 1280px;
  height: 780px;
  position: relative;
  background-color: #6acfb5;
}

.homepage .foto-achtergrond { 
  position: absolute;
  width: 93.20%;
  top: 40px;
  left: 3.83%;
  height: 706px;
  aspect-ratio: 1.69;
}

.homepage .text-wrapper-3 {
  position: absolute;
  width: 105.86%;
  height: 66.79%;
  top: 12.44%;
  left: -2.34%;
  font-family: 'CCBiffBamBoom', sans-serif;
  font-weight: 400;
  color: #6acfb5;
  font-size: 290px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.homepage .text-wrapper-4 {
  position: absolute;
  width: 59.30%;
  height: 18.46%;
  top: 50.00%;
  left: 6.17%;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  color: #6bd0b5;
  font-size: 96px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.homepage .footer {
  width: 1292px;
  height: 764px;
  position: relative;
  background-color: #abdeff;
}

.homepage .achtergrond {
  position: absolute;
  width: 1280px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #cbebffa1;
}

.homepage .onderkant-lijn {
  position: absolute;
  width: 100%;
  height: 23.24%;
  top: 76.76%;
  left: 0;
  background-color: #ffe4f7;
}

.homepage .foto-emma {
  position: absolute;
  width: 27.81%;
  top: 41px;
  left: 68.44%;
  height: 634px;
  aspect-ratio: 0.56;
  object-fit: cover;
}

.homepage .titelvakje {
  position: absolute;
  top: 41px;
  left: 59px;
  width: 793px;
  height: 110px;
  background-color: #8cd3ff;
}

.homepage .text-wrapper-5 {
  position: absolute;
  top: 27px;
  left: 79px;
  width: 737px;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  color: #017aae;
  font-size: 96px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.homepage .ik-ben-emma-hofstra {
  position: absolute;
  top: 183px;
  left: 64px;
  width: 788px;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  color:darkblue
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
.container {
  width: 100%;
  margin: 0 auto;
}
html, body {
  width: 100%;
  overflow-x: hidden;
}