.hello-im-sarah-lotte {
  margin: 0;
}
.hello-im-sarah-lotte-container {
  position: absolute;
  top: 0;
  left: calc(50% - 528px);
  letter-spacing: -0.03em;
  line-height: 97.2%;
  font-weight: 500;
  display: inline-block;
  width: 360px;
  height: 129px;
}
.icon {
  position: absolute;
  top: 245.18px;
  left: calc(50% - 527.97px);
  width: 33.61px;
  height: 38.04px;
}
.blank-line {
  margin: 0;
  color: var(--black);
}
.a-designer-specializing-container {
  position: absolute;
  top: 64px;
  left: calc(50% - 52px);
  font-size: var(--big-paragraph-32-40-aa-size);
  letter-spacing: -0.03em;
  line-height: 117%;
  display: inline-block;
  width: 580px;
  height: 111px;
  color: var(--main-gray);
}
.headline {
  position: absolute;
  top: 0;
  left: calc(50% - 564.5px);
  width: 1056px;
  height: 283.22px;
  font-size: var(--heading-1-size);
  font-family: var(--navigation);
}
.project-name {
  height: 4.02%;
  width: 29.13%;
  top: 0;
  font-weight: 500;
  cursor: pointer;
}
.goblin-concept-digital-container,
.project-name,
.sculpted-in-zbrush {
  position: absolute;
  left: 0;
  letter-spacing: -0.03em;
  line-height: 121.5%;
  display: inline-block;
}
.goblin-concept-digital-container {
  height: 35.73%;
  width: 31.79%;
  top: 9.3%;
  cursor: pointer;
}
.sculpted-in-zbrush {
  height: 7.4%;
  width: 28.16%;
  top: 30.66%;
  font-size: var(--sub-text-size);
  color: var(--main-gray);
}
.link,
.thumbnail {
  position: absolute;
  cursor: pointer;
}
.link {
  height: 4.23%;
  width: 29.13%;
  top: 73.36%;
  left: 0;
  text-decoration: underline;
  letter-spacing: -0.03em;
  line-height: 121.5%;
  font-weight: 500;
  display: inline-block;
}
.thumbnail {
  height: 77.1%;
  width: 57.14%;
  top: 0;
  right: 0;
  bottom: 22.9%;
  left: 42.86%;
  background-color: var(--color-gainsboro-100);
}
.seperator {
  position: absolute;
  height: 0.32%;
  width: 99.69%;
  top: 99.84%;
  right: -0.33%;
  bottom: -0.16%;
  left: 0.64%;
  border-top: 1.5px solid var(--main-black);
  box-sizing: border-box;
}
.body {
  position: absolute;
  top: 397px;
  left: 0;
  width: 1120px;
  height: 473px;
  cursor: pointer;
}
.sculpted-in-zbrush1 {
  position: absolute;
  height: 7.4%;
  width: 28.16%;
  top: 30.66%;
  left: 0;
  font-size: var(--sub-text-size);
  letter-spacing: -0.03em;
  line-height: 121.5%;
  color: var(--main-gray);
  display: none;
}
.thumbnail1 {
  position: absolute;
  height: 77.1%;
  width: 57.14%;
  top: 0;
  right: 0;
  bottom: 22.9%;
  left: 42.86%;
  background-color: var(--main-gray);
}
.body1,
.body2,
.sculpted-in-zbrush3 {
  position: absolute;
  top: 984px;
  left: 0;
  width: 1120px;
  height: 473px;
  cursor: pointer;
}
.body2,
.sculpted-in-zbrush3 {
  top: 1571px;
}
.sculpted-in-zbrush3 {
  height: 7.4%;
  width: 28.16%;
  top: 30.66%;
  font-size: var(--sub-text-size);
  letter-spacing: -0.03em;
  line-height: 121.5%;
  color: var(--main-gray);
  display: inline-block;
}
.thumbnail3 {
  position: absolute;
  height: 77.1%;
  width: 57.14%;
  top: 0;
  right: 0;
  bottom: 22.9%;
  left: 42.86%;
  background-color: var(--color-gainsboro-100);
}
.body3 {
  position: absolute;
  top: 2158px;
  left: 9px;
  width: 1120px;
  height: 473px;
  cursor: pointer;
}
.sketchup-adobe-cc {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  letter-spacing: -0.03em;
  line-height: 121.5%;
  display: inline-block;
}
.sketchup-adobe-cc-photoshop-wrapper {
  position: absolute;
  height: 0.49%;
  width: 27.93%;
  top: 30.28%;
  right: 72.07%;
  bottom: 69.23%;
  left: 0;
  font-size: var(--sub-text-size);
  color: var(--main-gray);
}
.body4 {
  position: absolute;
  top: 2745px;
  left: 9px;
  width: 1120px;
  height: 473px;
  cursor: pointer;
}
.thumbnail5 {
  height: 77.1%;
  width: 57.14%;
  top: 0;
  right: 0;
  bottom: 22.9%;
  left: 42.86%;
  background-color: var(--main-white);
  cursor: pointer;
}
.body5,
.section,
.thumbnail5 {
  position: absolute;
}
.body5 {
  top: 3332px;
  left: 9px;
  width: 1120px;
  height: 473px;
  cursor: pointer;
}
.section {
  top: 360px;
  left: calc(50% - 560px);
  width: 1129px;
  height: 3805px;
  font-size: var(--sub-header-link-size);
  color: var(--main-black);
}
.instagram,
.linkedin,
.sarah-lotte-visser-container,
.youtube {
  position: absolute;
  height: 100%;
  top: 0;
  letter-spacing: -0.03em;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
}
.sarah-lotte-visser-container {
  width: 24.18%;
  left: 0;
  color: var(--secondary);
}
.instagram,
.linkedin,
.youtube {
  text-decoration: none;
  width: 8.77%;
  left: 70.59%;
  color: inherit;
}
.instagram,
.youtube {
  left: 82.2%;
}
.youtube {
  width: 7.41%;
  left: 93.84%;
}
.footer {
  position: absolute;
  top: 4432px;
  left: 160px;
  width: 1120px;
  height: 20px;
  font-size: var(--navigation-size);
  color: var(--main-black);
  font-family: var(--navigation);
}
.af92-1fca-4e41-b028-882348e99d-icon,
.ceda68ba-4dca-4f8d-918c-2944d8-icon,
.img-20230627-wa0026-copy-1-1,
.juul-knuffel-vast-2-icon {
  position: absolute;
  height: 8.1%;
  width: 44.44%;
  top: 16.79%;
  right: 11.11%;
  bottom: 75.11%;
  left: 44.44%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.af92-1fca-4e41-b028-882348e99d-icon,
.ceda68ba-4dca-4f8d-918c-2944d8-icon,
.img-20230627-wa0026-copy-1-1 {
  width: 45.07%;
  top: 29.84%;
  right: 10.49%;
  bottom: 62.06%;
}
.af92-1fca-4e41-b028-882348e99d-icon,
.ceda68ba-4dca-4f8d-918c-2944d8-icon {
  height: 8.15%;
  width: 44.51%;
  top: 42.87%;
  right: 11.04%;
  bottom: 48.98%;
}
.ceda68ba-4dca-4f8d-918c-2944d8-icon {
  height: 8.1%;
  width: 44.58%;
  top: 55.91%;
  right: 10.28%;
  bottom: 35.99%;
  left: 45.14%;
}
.canva-adobe-cc {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  letter-spacing: -0.03em;
  line-height: 121.5%;
  display: inline-block;
  cursor: pointer;
}
.canva-adobe-cc-dreamweaver-wrapper {
  position: absolute;
  height: 1.35%;
  width: 21.88%;
  top: 45.74%;
  right: 67.01%;
  bottom: 52.91%;
  left: 11.11%;
}
.f471bfe-b48d-4934-bcc9-b7b2ada-icon {
  position: absolute;
  height: 8.1%;
  width: 44.65%;
  top: 68.94%;
  right: 10.28%;
  bottom: 22.96%;
  left: 45.07%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  cursor: pointer;
}
.adobe-cc-indesign-illustrato-wrapper,
.group-child,
.sketchup-painting-sculpting-wrapper {
  position: absolute;
  height: 0.41%;
  width: 21.9%;
  top: 73.47%;
  right: 66.37%;
  bottom: 26.12%;
  left: 11.74%;
}
.group-child,
.sketchup-painting-sculpting-wrapper {
  height: 0.95%;
  top: 86.81%;
  bottom: 12.23%;
}
.group-child {
  height: 99.73%;
  width: 99.69%;
  top: 0.27%;
  right: 0.31%;
  bottom: 0;
  left: 0;
  background-color: var(--color-white);
}
.dda7344-94f8-453d-b03c-9ba92c7-icon,
.e6120e5-3304-4a71-ab72-c562772-icon,
.e9e9bad-d03b-45c7-b567-ef14554-icon {
  position: absolute;
  height: 99.73%;
  width: 31.46%;
  top: 0;
  right: 68.54%;
  bottom: 0.27%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.e6120e5-3304-4a71-ab72-c562772-icon,
.e9e9bad-d03b-45c7-b567-ef14554-icon {
  height: 99.18%;
  width: 25.39%;
  top: 0.55%;
  right: 0;
  left: 74.61%;
}
.e6120e5-3304-4a71-ab72-c562772-icon {
  height: 80.6%;
  width: 43.61%;
  top: 3.83%;
  right: 25.39%;
  bottom: 15.57%;
  left: 31%;
}
.a1-42cd-4524-8357-866ee4f14241-icon,
.c18cf01e-e5f7-4782-ae2d-23e170-icon,
.d6df9-bfec-4c05-baf2-d3a4c5641-icon {
  position: absolute;
  height: 28.14%;
  width: 11.21%;
  top: 71.58%;
  right: 63.71%;
  bottom: 0.27%;
  left: 25.08%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.a1-42cd-4524-8357-866ee4f14241-icon,
.c18cf01e-e5f7-4782-ae2d-23e170-icon {
  height: 18.58%;
  width: 23.21%;
  top: 81.15%;
  right: 30.37%;
  left: 46.42%;
}
.a1-42cd-4524-8357-866ee4f14241-icon {
  height: 32.79%;
  width: 14.64%;
  top: 0.55%;
  right: 60.28%;
  bottom: 66.67%;
  left: 25.08%;
}
.rectangle-parent {
  position: absolute;
  height: 8.13%;
  width: 44.58%;
  top: 81.95%;
  right: 10.35%;
  bottom: 9.92%;
  left: 45.07%;
}
.index-child,
.site-logo-icon {
  position: absolute;
  cursor: pointer;
}
.index-child {
  top: 3691px;
  left: 649px;
  background-color: transparent;
  width: 640px;
  height: 366px;
}
.site-logo-icon {
  height: 100%;
  width: 11.75%;
  top: 0;
  right: 88.25%;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.about,
.free-time,
.illustrations,
.work {
  position: absolute;
  height: 27.03%;
  width: 12.06%;
  top: 36.04%;
  left: 43.57%;
  letter-spacing: -0.03em;
  line-height: 120%;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
}
.about,
.free-time,
.illustrations {
  left: 73.25%;
}
.free-time,
.illustrations {
  left: 87.94%;
}
.illustrations {
  left: 58.26%;
}
.navi {
  position: absolute;
  top: 72px;
  left: 190px;
  width: 1120px;
  height: 126px;
  text-align: center;
  font-size: var(--navigation-size);
  color: var(--black);
  font-family: var(--navigation);
}
.index1 {
  position: relative;
  background-color: var(--main-white);
  width: 100%;
  height: 4504px;
  overflow: hidden;
  text-align: left;
  font-size: var(--sub-text-size);
  color: var(--main-gray);
  font-family: var(--sub-header-link);
}