.home-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
.home-web-design {
  width: 100%;
  height: 2670px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  justify-content: flex-start;
  background-color: rgba(22, 21, 19, 1);
}
.home-footer {
  top: 2187px;
  left: 94px;
  width: 1448px;
  height: 481px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-rectangle1 {
  top: 0px;
  left: 0px;
  width: 1448px;
  height: 481px;
  position: absolute;
}
.home-text {
  top: 94.91604614257812px;
  left: 324.6004333496094px;
  color: rgba(255, 255, 255, 1);
  width: 210px;
  height: auto;
  position: absolute;
  font-size: 23.525800704956055px;
  font-style: Bold;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text02 {
  top: 157.3625030517578px;
  left: 324.9443054199219px;
  color: var(--dl-color-default-secondarytext);
  width: 798px;
  height: auto;
  position: absolute;
  font-size: 14.115480422973633px;
  font-style: Light;
  text-align: left;
  font-family: Poppins;
  font-weight: 300;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text04 {
  top: 226.2803955078125px;
  left: 361.9379577636719px;
  color: var(--dl-color-default-secondarytext);
  width: 103px;
  height: auto;
  position: absolute;
  font-size: 14.115480422973633px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: underline;
}
.home-text06 {
  top: 226.2803955078125px;
  left: 361.9379577636719px;
  color: var(--dl-color-default-secondarytext);
  width: 103px;
  height: auto;
  position: absolute;
  font-size: 14.115480422973633px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: underline;
}
.home-text08 {
  top: 261.8879699707031px;
  left: 361.9379577636719px;
  color: var(--dl-color-default-secondarytext);
  width: 118px;
  height: auto;
  position: absolute;
  font-size: 14.115480422973633px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: underline;
}
.home-email-icon {
  top: 225px;
  left: 335px;
  width: 20px;
  height: 24px;
  position: absolute;
}
.home-pngwing1 {
  top: 261.8879699707031px;
  left: 334.9425964355469px;
  width: 22px;
  height: 21px;
  position: absolute;
}
.home-experience-section {
  top: 1614px;
  left: 418px;
  width: 810px;
  height: 448px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-frame1st-experience {
  top: -6px;
  left: 3.9999618530273438px;
  width: 822.0000610351562px;
  height: 122px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-text10 {
  top: 6px;
  color: rgba(255, 255, 255, 1);
  width: 430px;
  height: auto;
  position: absolute;
  font-size: 21.740476608276367px;
  font-style: Bold;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text12 {
  top: 62px;
  left: 0.169921875px;
  color: var(--dl-color-default-lightgrey);
  width: 800px;
  height: auto;
  position: absolute;
  font-size: 14.493651390075684px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
.home-text14 {
  left: 656.0000610351562px;
  color: var(--dl-color-default-lightgrey);
  width: 166px;
  height: auto;
  position: absolute;
  font-size: 14.493651390075684px;
  font-style: Regular;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
.home-frame2nd-experience {
  top: 160px;
  left: 4.999952793121338px;
  width: 821px;
  height: 122px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-text16 {
  top: 6px;
  color: rgba(255, 255, 255, 1);
  width: 437px;
  height: auto;
  position: absolute;
  font-size: 21.740476608276367px;
  font-style: Bold;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text18 {
  top: 62px;
  left: 0.21240234375px;
  color: var(--dl-color-default-lightgrey);
  width: 800px;
  height: auto;
  position: absolute;
  font-size: 14.493651390075684px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
.home-text20 {
  left: 655px;
  color: var(--dl-color-default-lightgrey);
  width: 166px;
  height: auto;
  position: absolute;
  font-size: 14.493651390075684px;
  font-style: Regular;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
.home-frame3rd-experience {
  top: 331px;
  left: 2.084942102432251px;
  width: 807.9150390625px;
  height: 117px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-text22 {
  left: 2.9150390625px;
  color: rgba(255, 255, 255, 1);
  width: 349px;
  height: auto;
  position: absolute;
  font-size: 21.740476608276367px;
  font-style: Bold;
  text-align: left;
  font-family: Poppins;
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text24 {
  top: 57px;
  color: var(--dl-color-default-secondarytext);
  width: 800px;
  height: auto;
  position: absolute;
  font-size: 14.493651390075684px;
  font-style: Regular;
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
.home-text26 {
  top: 6px;
  left: 657.7991943359375px;
  color: var(--dl-color-default-lightgrey);
  width: 150px;
  height: auto;
  position: absolute;
  font-size: 14.493651390075684px;
  font-style: Regular;
  text-align: center;
  font-family: Poppins;
  font-weight: 400;
  line-height: 150%;
  font-stretch: normal;
  text-decoration: none;
}
.home-experience-title {
  top: 1521px;
  left: 716px;
  width: 213px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-frame2nd-project {
  top: 1124px;
  left: 838px;
  width: 390px;
  height: 301px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-rectangle6 {
  top: 0px;
  left: 0px;
  width: 390px;
  height: 301px;
  position: absolute;
  border-radius: 18px;
}
.home-projectthumbnail2 {
  top: 0px;
  left: 0px;
  width: 390px;
  height: 235px;
  position: absolute;
  border-radius: 18px 18px 0 0;
}
.home-project-title {
  top: 247px;
  left: 22.999996185302734px;
  width: 219px;
  height: 40px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-text28 {
  top: 20px;
  left: 0.002685546875px;
  color: rgba(255, 255, 255, 1);
  width: 147px;
  height: auto;
  position: absolute;
  font-size: 19px;
  font-style: Extra Bold;
  text-align: left;
  font-family: Inter;
  font-weight: 700;
  line-height: 20px;
  font-stretch: normal;
  text-decoration: none;
}
.home-text30 {
  color: var(--dl-color-default-secondarytext);
  width: 219px;
  height: auto;
  position: absolute;
  font-size: 10px;
  font-style: ExtraBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 800;
  line-height: 19px;
  font-stretch: normal;
  text-decoration: none;
}
.home-view-icon {
  top: 266.736083984375px;
  left: 370.3658447265625px;
  width: 15px;
  height: 14px;
  position: absolute;
}
.home-frame1st-project {
  top: 1124px;
  left: 418px;
  width: 390px;
  height: 301px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-rectangle5 {
  top: 0px;
  left: 0px;
  width: 390px;
  height: 301px;
  position: absolute;
  border-radius: 18px;
}
.home-projectthumbnail1 {
  top: 0px;
  left: 0px;
  width: 390px;
  height: 235px;
  position: absolute;
  border-radius: 18px 18px 0 0;
}
.home-project-title1 {
  top: 247px;
  left: 22.999996185302734px;
  width: 208px;
  height: 40px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-text32 {
  top: 20px;
  left: 0.002685546875px;
  color: rgba(255, 255, 255, 1);
  width: 157px;
  height: auto;
  position: absolute;
  font-size: 19px;
  font-style: ExtraBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 800;
  line-height: 20px;
  font-stretch: normal;
  text-decoration: none;
}
.home-text34 {
  color: var(--dl-color-default-secondarytext);
  width: 208px;
  height: auto;
  position: absolute;
  font-size: 10px;
  font-style: ExtraBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 800;
  line-height: 19px;
  font-stretch: normal;
  text-decoration: none;
}
.home-view-icon1 {
  top: 266.736083984375px;
  left: 370.3663330078125px;
  width: 15px;
  height: 14px;
  position: absolute;
}
.home-projects-title {
  top: 1061px;
  left: 728.248046875px;
  width: 182px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-experiencewith {
  top: 842px;
  left: 733px;
  width: 210px;
  height: 30px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-text36 {
  color: var(--dl-color-default-secondarytext);
  width: 167px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-logos {
  top: 920px;
  left: 599px;
  width: 447px;
  height: 42px;
  position: absolute;
}
.home-action-buttons {
  top: 690px;
  left: 599px;
  width: 417px;
  height: 64px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-get-in-touch-button {
  top: 0px;
  left: 0px;
  width: 195px;
  height: 64px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(255, 255, 255, 1);
}
.home-text38 {
  top: 16px;
  left: 7px;
  color: rgba(22, 21, 19, 1);
  height: auto;
  position: absolute;
  font-size: 21.3799991607666px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-download-cv-button {
  top: 0px;
  left: 213px;
  width: 204px;
  height: 64px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-text40 {
  top: 16px;
  left: 56px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 21.3799991607666px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-avatar {
  top: var(--dl-space-space-sixunits);
  left: 0px;
  right: 0px;
  width: 135px;
  height: 137px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-avatar-background {
  width: 136px;
  height: 131px;
  display: flex;
  align-items: center;
  margin-right: 500px;
  background-size: cover;
  justify-content: center;
  background-image: url("public/external/avatarbackground1477-iy3-200h.png");
  background-position: center;
}
.home-avatar1 {
  width: 911px;
  height: 131px;
}
.home-header {
  top: 0px;
  left: 1px;
  width: 1677px;
  height: 82px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.home-header-background {
  top: 0px;
  left: 0px;
  width: 1677px;
  height: 82px;
  opacity: 0.70;
  position: absolute;
}
.home-navbar {
  gap: 71px;
  top: 30.90969467163086px;
  left: 795.9631958007812px;
  width: 474px;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
.home-text42 {
  color: rgba(255, 255, 255, 1);
  width: 48px;
  height: auto;
  font-size: 15px;
  font-style: SemiBold;
  text-align: center;
  font-family: Plus Jakarta Sans;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text44 {
  color: rgba(255, 255, 255, 1);
  width: 63px;
  height: auto;
  font-size: 15px;
  font-style: SemiBold;
  text-align: center;
  font-family: Plus Jakarta Sans;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text46 {
  color: rgba(255, 255, 255, 1);
  width: 85px;
  height: auto;
  font-size: 15px;
  font-style: SemiBold;
  text-align: center;
  font-family: Plus Jakarta Sans;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text48 {
  color: rgba(255, 255, 255, 1);
  width: 65px;
  height: auto;
  font-size: 15px;
  font-style: SemiBold;
  text-align: center;
  font-family: Plus Jakarta Sans;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-text50 {
  top: 19px;
  left: 93px;
  color: rgba(255, 255, 255, 1);
  width: 288px;
  height: auto;
  position: absolute;
  font-size: 26px;
  font-style: Regular;
  text-align: center;
  font-family: Product Sans Medium;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-screenshot2024021116471 {
  top: 12px;
  left: 15px;
  width: 58px;
  height: 56px;
  position: absolute;
  border-radius: 181px;
}
.home-pasted-image {
  width: 100%;
  align-self: flex-start;
  padding-top: 250px;
  padding-left: 420px;
  padding-right: 420px;
}
.home-container1 {
  flex: 0 0 auto;
  width: 670px;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.home-container2 {
  flex: 0 0 auto;
  width: 670px;
  height: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.home-title {
  width: 670px;
  height: 127px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
}