@charset "UTF-8";
/* CSS Document */

.main-container {
  position: relative;
  width: 1440px;
  height: 3521px;
  overflow: hidden;
  background: radial-gradient(#e6e4a3 45%, #deb4e2 100%)
}
*{
margin:0;
padding:0;
}
input, select, textarea, button {
  outline: 0;
}  
.flex-row-1 {
  position: relative;
  width: 1719px;
  height: 480px;
  margin: -240px 0 0 -139px;
  z-index: 77;
}
.resume {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 449px;
  top: 0;
  left: 0;
  color: transparent;
  font-family: Inter;
  font-size: 400px;
  font-weight: 900;
  line-height: 449px;
  text-align: left;
  white-space: nowrap;
  z-index: 75;
  -webkit-text-stroke: 1px #655266;
}
.resume-1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 449px;
  top: 16px;
  left: 0;
  color: #b493b7;
  font-family: Inter;
  font-size: 400px;
  font-weight: 900;
  line-height: 449px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.8;
  z-index: 74;
}
.resume-2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 449px;
  top: 31px;
  left: 0;
  color: transparent;
  font-family: Inter;
  font-size: 400px;
  font-weight: 900;
  line-height: 449px;
  text-align: left;
  white-space: nowrap;
  z-index: 76;
  -webkit-text-stroke: 1px #655266;
}
.flex-row {
  position: relative;
  width: 1352px;
  height: 855px;
  margin: 0 0 0 0;
  z-index: 80;
}
.portrait {
  position: absolute;
  width: 528px;
  height: 824px;
  top: 0;
  left: 833px;
  background: url("images/Resume Image 01.png")
    no-repeat center;
  background-size: cover;
  z-index: 74;
}
.rectangle {
  position: absolute;
  width: 1112px;
  height: 805px;
  top: 50px;
  left: 0;
  background: #c06e6a;
  transform: rotate(-180deg);
  opacity: 0.5;
  border-radius: 100px 0 0 100px;
}
.rectangle-1 {
  position: absolute;
  width: 529px;
  height: 735px;
  top: 80px;
  left: 823px;
  border: 10px dashed #fdfdfd;
  z-index: 80;
  border-radius: 40px;
}
.hello {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 725px;
  height: 192px;
  top: 130px;
  left: 69px;
  color: #000000;
  font-family: Almendra;
  font-size: 160px;
  font-weight: 700;
  line-height: 192px;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.introduction {
  display: flex;
  align-items: center;
  position: absolute;
  width: 640px;
  height: 185px;
  top: 322px;
  left: 115px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35.97px;
  text-align: justified;
  z-index: 1;
}
.email-icon {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 552px;
  left: 113px;
  background-size: cover;
  z-index: 64;
}
.email {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 32px;
  top: 557px;
  left: 187px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 29.975px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 69;
}
.instagram-icon {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 614px;
  left: 110px;
  z-index: 63;
}
.social-media {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: 620px;
  left: 187px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 29.975px;
  text-align: left;
  white-space: nowrap;
  z-index: 72;
}
.phone-icon {
  position: absolute;
  width: 36px;
  height: 48px;
  top: 680px;
  left: 122px;
  background: url("images/Resume Image 04.png")
    no-repeat center;
  background-size: cover;
  z-index: 67;
}
.phone-number {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 27px;
  top: 688px;
  left: 187px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 27px;
  text-align: left;
  white-space: nowrap;
  z-index: 70;
}
.location-icon {
  position: absolute;
  width: 55px;
  height: 49px;
  top: 741px;
  left: 115px;
  background: url("images/Resume Image 05.png")
    no-repeat center;
  background-size: cover;
  z-index: 68;
}
.petaling-jaya {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 29px;
  top: 747px;
  left: 187px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 71;
}
.flex-row-2 {
  position: relative;
  width: 1602px;
  height: 1271px;
  margin: 111px 0 0 67px;
  z-index: 84;
}
.rectangle-2 {
  position: absolute;
  width: 417px;
  height: 117px;
  top: 0;
  left: 61px;
  cursor: pointer;
  background: #b693c1;
  border: none;
  z-index: 4;
  border-radius: 25px;
  backdrop-filter: blur(2px);
}
.rectangle-3 {
  position: absolute;
  width: 681px;
  height: 1252px;
  top: 0;
  left: 756px;
  font-size: 0px;
  background: rgba(192, 110, 106, 0.81);
  z-index: 5;
  border-radius: 60px;
}
.language {
  display: block;
  position: relative;
  height: 79px;
  margin: 107px 0 0 63px;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 80px;
  font-weight: 700;
  line-height: 79px;
  text-align: left;
  white-space: nowrap;
  z-index: 19;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.flex-row-3 {
  position: relative;
  width: 449px;
  height: 243px;
  margin: 57px 0 0 63px;
  z-index: 26;
}
.language-options {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 161px;
  height: 243px;
  top: 0;
  left: 0;
  color: #000000;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.368px;
  text-align: left;
  z-index: 18;
}
.rectangle-10 {
  position: absolute;
  width: 259px;
  height: 22px;
  top: 9px;
  left: 190px;
  background: #fdfdfd;
  z-index: 22;
  border-radius: 60px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.rectangle-a {
  position: absolute;
  width: 259px;
  height: 23px;
  top: 84px;
  left: 190px;
  background: #b86562;
  z-index: 26;
  border-radius: 60px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.rectangle-b {
  position: relative;
  width: 189px;
  height: 23px;
  margin: 0 0 0 0;
  background: #fdfdfd;
  z-index: 27;
  border-radius: 60px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.rectangle-c {
  position: absolute;
  width: 259px;
  height: 22px;
  top: 161px;
  left: 190px;
  background: #b96662;
  z-index: 24;
  border-radius: 60px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.rectangle-d {
  position: relative;
  width: 149px;
  height: 22px;
  margin: 0 0 0 0;
  background: #fdfdfd;
  z-index: 25;
  border-radius: 60px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.rectangle-e {
  position: relative;
  width: 259px;
  height: 23px;
  margin: -7px 0 0 253px;
  background: #b96662;
  z-index: 22;
  overflow: visible auto;
  border-radius: 60px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.rectangle-f {
  position: relative;
  width: 140px;
  height: 23px;
  margin: 0 0 0 0;
  background: #fdfdfd;
  z-index: 23;
  border-radius: 60px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.skills {
  display: block;
  position: relative;
  height: 88px;
  margin: 190px 0 0 63px;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 80px;
  font-weight: 700;
  line-height: 88px;
  text-align: left;
  white-space: nowrap;
  z-index: 28;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.software-skills {
  display: block;
  position: relative;
  height: 48px;
  margin: 16px 0 0 63px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.368px;
  text-align: left;
  white-space: nowrap;
  z-index: 30;
}
.flex-row-4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 528px;
  height: 88px;
  margin: 16px 0 0 63px;
  z-index: 39;
}
.rectangle-4 {
  flex-shrink: 0;
  position: relative;
  width: 88px;
  height: 88px;
  cursor: pointer;
  background: #fdfdfd;
  border: none;
  z-index: 31;
  border-radius: 17px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.ai {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 39px;
  top: 21px;
  left: 22px;
  color: #000000;
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  white-space: nowrap;
  z-index: 32;
}
.rectangle-button {
  flex-shrink: 0;
  position: relative;
  width: 88px;
  height: 88px;
  cursor: pointer;
  background: #fdfdfd;
  border: none;
  z-index: 39;
  border-radius: 17px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-pr {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 39px;
  top: 21px;
  left: 21px;
  color: #000000;
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  white-space: nowrap;
  z-index: 40;
}
.rectangle-button-1 {
  flex-shrink: 0;
  position: relative;
  width: 88px;
  height: 88px;
  cursor: pointer;
  background: #fdfdfd;
  border: none;
  z-index: 37;
  border-radius: 17px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-ps {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 46px;
  top: 21px;
  left: 19px;
  color: #000000;
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
  text-align: left;
  white-space: nowrap;
  z-index: 38;
}
.rectangle-button-2 {
  flex-shrink: 0;
  position: relative;
  width: 88px;
  height: 88px;
  cursor: pointer;
  background: #fdfdfd;
  border: none;
  z-index: 33;
  border-radius: 17px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-ae {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 39px;
  top: 21px;
  left: 17px;
  color: #000000;
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  white-space: nowrap;
  z-index: 34;
}
.rectangle-button-3 {
  flex-shrink: 0;
  position: relative;
  width: 88px;
  height: 88px;
  cursor: pointer;
  background: #fdfdfd;
  border: none;
  z-index: 35;
  border-radius: 17px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-id {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 39px;
  top: 21px;
  left: 25px;
  color: #000000;
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 39px;
  text-align: left;
  white-space: nowrap;
  z-index: 36;
}
.flex-row-5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 536px;
  height: 58px;
  margin: 53px 0 0 63px;
  z-index: 47;
}
.rectangle-button-4 {
  flex-shrink: 0;
  position: relative;
  width: 257px;
  height: 58px;
  cursor: pointer;
  background: #ded0ad;
  border: none;
  z-index: 43;
  border-radius: 40.5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-graphic-design {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 11px;
  left: 16px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.368px;
  text-align: left;
  white-space: nowrap;
  z-index: 44;
}
.rectangle-button-5 {
  flex-shrink: 0;
  position: relative;
  width: 257px;
  height: 58px;
  cursor: pointer;
  background: #ded0ad;
  border: none;
  z-index: 47;
  border-radius: 40.5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-creative-design {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 11px;
  left: 13px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.368px;
  text-align: left;
  white-space: nowrap;
  z-index: 48;
}
.flex-row-6 {
  position: relative;
  width: 536px;
  height: 59px;
  margin: 32px 0 0 63px;
  z-index: 46;
}
.rectangle-button-6 {
  position: absolute;
  width: 226px;
  height: 59px;
  top: 0;
  left: 310px;
  cursor: pointer;
  background: #ded0ad;
  border: none;
  z-index: 41;
  border-radius: 40.5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-ui-ux-design {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 38px;
  top: 11px;
  left: 16px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  z-index: 42;
}
.rectangle-button-7 {
  position: absolute;
  width: 289px;
  height: 58px;
  top: 1px;
  left: 0;
  cursor: pointer;
  background: #ded0ad;
  border: none;
  z-index: 45;
  border-radius: 40.5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.span-video-production {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  top: 10px;
  left: 19px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.368px;
  text-align: left;
  white-space: nowrap;
  z-index: 46;
}
.span-education {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 539px;
  height: 83px;
  top: 17px;
  left: 0;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 80px;
  font-weight: 700;
  line-height: 83px;
  text-align: center;
  white-space: nowrap;
  z-index: 6;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.span-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 613px;
  height: 80px;
  top: 84px;
  left: 989px;
  color: #43371a;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.368px;
  text-align: left;
  z-index: 20;
}
.date-range {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 55px;
  top: 209px;
  left: 103px;
  color: #982626;
  font-family: Inria Serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 47.96px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 10;
  overflow: hidden;
}
.star {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 215px;
  left: 40px;
  background: url("images/Resume Image 06.png")
    no-repeat center;
  background-size: cover;
  z-index: 81;
}
.middle-school {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 209px;
  height: 83px;
  top: 264px;
  left: 103px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35.97px;
  text-align: left;
  text-overflow: initial;
  z-index: 11;
  overflow: hidden;
}
.date-range-2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 55px;
  top: 399px;
  left: 104px;
  color: #982626;
  font-family: Inria Serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 47.96px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 12;
  overflow: hidden;
}
.star-2 {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 405px;
  left: 40px;
  background: url("images/Resume Image 06.png")
    no-repeat center;
  background-size: cover;
  z-index: 84;
}
.bachelor-degree {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 519px;
  height: 126px;
  top: 454px;
  left: 103px;
  color: #000000;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35.97px;
  text-align: left;
  z-index: 13;
}
.text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 681px;
  height: 89px;
  top: 594px;
  left: 888px;
  color: #43371a;
  font-family: Inria Serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 38.368px;
  text-align: left;
  z-index: 29;
}
.button {
  position: absolute;
  width: 407px;
  height: 110px;
  top: 676px;
  left: 61px;
  cursor: pointer;
  background: #b693c1;
  border: none;
  z-index: 7;
  border-radius: 25px;
  backdrop-filter: blur(2px);
}
.experience {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 526px;
  height: 78px;
  top: 692px;
  left: 2px;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 80px;
  font-weight: 700;
  line-height: 78px;
  text-align: center;
  white-space: nowrap;
  z-index: 9;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.date-range-3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 53px;
  top: 892px;
  left: 106px;
  color: #982626;
  font-family: Inria Serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 47.96px;
  text-align: left;
  white-space: nowrap;
  z-index: 14;
}
.star-3 {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 897px;
  left: 40px;
  background: url("images/Resume Image 06.png")
    no-repeat center;
  background-size: cover;
  z-index: 82;
}
.marketing-intern {
  position: absolute;
  width: 463px;
  height: 79px;
  top: 945px;
  left: 103px;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35.97px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 15;
}
.marketing-intern-1c {
  position: relative;
  color: #000000;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.e-commerce-platform {
  position: relative;
  color: #000000;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
}
.date-range-1d {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 53px;
  top: 1098px;
  left: 105px;
  color: #982626;
  font-family: Inria Serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 47.96px;
  text-align: left;
  white-space: nowrap;
  z-index: 16;
}
.star-4 {
  position: absolute;
  width: 43px;
  height: 43px;
  top: 1103px;
  left: 40px;
  background: url("images/Resume Image 06.png")
    no-repeat center;
  background-size: cover;
  z-index: 83;
}
.web-operator {
  position: absolute;
  width: 547px;
  height: 120px;
  top: 1151px;
  left: 105px;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 35.97px;
  text-align: left;
  z-index: 17;
}
.web-operator-1f {
  position: relative;
  color: #000000;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.customer-issues {
  position: relative;
  color: #000000;
  font-family: Inria Serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
}
.button-1 {
  position: relative;
  width: 407px;
  height: 110px;
  margin: 73px 0 0 129px;
  cursor: pointer;
  background: #b693c1;
  border: none;
  z-index: 49;
  border-radius: 25px;
  backdrop-filter: blur(2px);
}
.projects {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 86px;
  top: 5px;
  left: 61px;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 80px;
  font-weight: 700;
  line-height: 86px;
  text-align: left;
  white-space: nowrap;
  z-index: 49;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.flex-row-7 {
  position: relative;
  overflow-y: scroll;
  width: 1351px;
  height: 494px;
  margin: 73px 0 0 44px;
  z-index: 59;
}
.rectangle-5 {
  position: absolute;
  width: 63px;
  height: 494px;
  top: 0;
  left: 0;
  background: #9f5b58;
  opacity: 0.4;
  z-index: 52;
  border-radius: 54px;
}
.typography-image {
  position: absolute;
  width: 345px;
  height: 494px;
  top: 0;
  left: 97px;
  background: url("images/Resume Image 09.jpg")
    no-repeat center;
  background-size: cover;
  z-index: 51;
  border-radius: 54px;
}
.rectangle-6 {
  position: absolute;
  opacity: 80%;
  width: 345px;
  height: 494px;
  top: 0;
  left: 97px;
  background: #9e9b9b;
  z-index: 51;
  border-radius: 54px;
}
.typography {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: 217px;
  left: 59px;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 60;
  text-decoration: none;
}
.basic-design-elements {
  position: absolute;
  width: 345px;
  height: 494px;
  top: 0;
  left: 503px;
  background: url("images/Resume Image 10.jpeg")
    no-repeat center;
  background-size: cover;
  z-index: 53;
  border-radius: 54px;
}
.rectangle-7 {
  position: absolute;
  opacity: 80%;
  width: 345px;
  height: 494px;
  top: 0;
  left: 503px;
  background: #9e9b9b;
  z-index: 54;
  border-radius: 54px;
}
.design-principle {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: 217px;
  left: 25px;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 61;
  text-decoration: none;
}
.illustration-image {
  position: absolute;
  width: 345px;
  height: 494px;
  top: 0;
  left: 909px;
  background-size: cover;
  opacity: 10;
  z-index: 3;
  border-radius: 54px;
}
.rectangle-8 {
  position: absolute;
  opacity: 80%;
  width: 345px;
  height: 494px;
  top: 0;
  left: 909px;
  background: #9e9b9b;
  z-index: 55;
  border-radius: 54px;
}
.illustration-visual-narrative {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 36px;
  top: 197px;
  left: 25px;
  color: #fdfdfd;
  font-family: Almendra;
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 56;
  text-decoration: none;
}
.rectangle-9 {
  position: absolute;
  width: 63px;
  height: 494px;
  top: 0;
  left: 1288px;
  background: #9f5b58;
  opacity: 0.4;
  z-index: 58;
  border-radius: 54px;
}
.flex-row-ee {
  position: relative;
  width: 1719px;
  height: 480px;
  margin: 23px 0 0 -114px;
  z-index: 79;
}
.resume-10 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 449px;
  top: 0;
  left: 0;
  color: transparent;
  font-family: Inter;
  font-size: 400px;
  font-weight: 900;
  line-height: 449px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
  -webkit-text-stroke: 1px #655266;
}
.resume-11 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 449px;
  top: 16px;
  left: 0;
  color: #b493b7;
  font-family: Inter;
  font-size: 400px;
  font-weight: 900;
  line-height: 449px;
  text-align: left;
  white-space: nowrap;
  opacity: 0.8;
  z-index: 77;
}
.resume-12 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 449px;
  top: 31px;
  left: 0;
  color: transparent;
  font-family: Inter;
  font-size: 400px;
  font-weight: 900;
  line-height: 449px;
  text-align: left;
  white-space: nowrap;
  z-index: 79;
  -webkit-text-stroke: 1px #655266;
}