body {
    margin: 0;
    padding: 0;
}

.contact {
  background-color: #fffec6;
  overflow: hidden;
  width: 100%;
  min-width: 1280px;
  min-height: 928px;
  position: relative;
}

.contact .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 100px;
  background-color: #fffec6;
}


.contact .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
}

.contact .text-wrapper-2 {
  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
}

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

.contact .star {
    position: absolute;
    width: 75px;
    height: 70px;
    top: 20px;
    left: 19px;
}

.contact .achtergrond {
  position: absolute;
  top: 118px;
  left: 0;
  width: 1293px;
  height: 810px;
  background-color: #d3ffd3b0;
}

.contact .tekstvak {
  position: absolute;
  top: 144px;
  left: 26px;
  width: 651px;
  height: 756px;
  background-color: #b7ffb7b0;
}

.contact .foto-emma {
  position: absolute;
  top: 161px;
  left: 713px;
  width: 542px;
  height: 722px;
  aspect-ratio: 0.75;
  object-fit: cover;
}

.contact .vragen-of-andere {
  position: absolute;
  top: 200px;
  left: 71px;
  width: 569px;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  color: #000000;
  font-size: 36px;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.contact .span {
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  color: #000000;
  font-size: 36px;
  letter-spacing: 0;
}

.contact .text-wrapper-4 {
  font-size: 32px;
	color: #01993b;
	font-family: 'Source Serif 4', serif;
  font-weight: 400;
}

.contact .text-wrapper-5 {
  top: 180px;
  left: 100px;
  width: 547px;
  color: #01993b;
  font-size: 48px;
  text-align: right;
  position: absolute;
  font-family: 'Source Serif 4', serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
}
a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}