.frame {
  background: linear-gradient(176deg, rgba(46, 159, 228, 1) 0%, rgba(157, 216, 54, 1) 100%);
  overflow-x: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 6963px;
  position: relative;
}

.frame .purple-box {
  position: absolute;
  top: 58px;
  left: 73px;
  width: 1367px;
  height: 1509px;
  background: linear-gradient(148deg, rgba(156, 118, 233, 1) 0%, rgba(244, 78, 180, 1) 100%);
}

.frame .div {
  position: absolute;
  top: 1950px;
  left: 199px;
  width: 1241px;
  height: 1038px;
  background-color: #3a4a79;
}

.frame .ellipse {
  position: absolute;
  top: 3050px;
  left: 1117px;
  width: 202px;
  height: 202px;
  border-radius: 101px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .purple-box-2 {
  position: absolute;
  top: 3237px;
  left: 98px;
  width: 1035px;
  height: 1433px;
  background-color: #6f51ac;
}

.frame .purple-box-3 {
  position: absolute;
  top: 4393px;
  left: 171px;
  width: 1236px;
  height: 961px;
  background-color: #ef9c53;
}

.frame .purple-box-4 {
  position: absolute;
  top: 5427px;
  left: 128px;
  width: 1312px;
  height: 1043px;
  background-color: #6e7bed;
}

.frame .purple-box-5 {
  position: absolute;
  top: 5427px;
  left: 216px;
  width: 1224px;
  height: 972px;
  background-color: #5baee1;
}

.frame .outer-circle {
  position: absolute;
  top: 1174px;
  left: 1170px;
  width: 270px;
  height: 516px;
}

.frame .dots {
  position: absolute;
  top: 315px;
  left: 1059px;
  width: 381px;
  height: 1485px;
}

.frame .inner-cicrcle {
  position: absolute;
  top: 1265px;
  left: 1264px;
  width: 176px;
  height: 337px;
}

.frame .orbit-circle {
  position: absolute;
  width: 380px;
  height: 735px;
  top: 1065px;
  left: 1059px;
}

.frame .subtract {
  position: absolute;
  top: 378px;
  left: 73px;
  width: 484px;
  height: 85px;
}

.frame .line {
  position: absolute;
  top: 421px;
  left: 198px;
  width: 17px;
  height: 1177px;
  background-color: #e3ff5b;
  border-radius: 23px;
}

.frame .line-2 {
  position: absolute;
  top: 603px;
  left: 255px;
  width: 17px;
  height: 1161px;
  background-color: #e3ff5b;
  border-radius: 17px;
}

.frame .line-3 {
  position: absolute;
  top: 4735px;
  left: 649px;
  width: 10px;
  height: 1298px;
  background-color: #ffffff;
  border-radius: 17px;
  transform: rotate(90deg);
}

.frame .line-4 {
  position: absolute;
  top: 4745px;
  left: 776px;
  width: 26px;
  height: 1112px;
  background-color: #ffffff;
  border-radius: 17px;
  transform: rotate(90deg);
}

.frame .line-5 {
  position: absolute;
  top: 4806px;
  left: 872px;
  width: 33px;
  height: 1081px;
  background-color: #ffffff;
  border-radius: 17px;
  transform: rotate(90deg);
}

.frame .text-wrapper {
  position: absolute;
  top: 93px;
  left: calc(50% - 622px);
  width: 687px;
  font-family: "Rubik One", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 115px;
  letter-spacing: 0;
  line-height: 100px;
}

.frame .img {
  position: absolute;
  top: 338px;
  left: 73px;
  width: 563px;
  height: 32px;
}

.frame .component {
  position: absolute;
  top: 364px;
  left: 74px;
  width: 857px;
  height: 87px;
}

.frame .subtract-2 {
  position: absolute;
  width: 100%;
  height: 70.87%;
  top: 14.56%;
  left: 0;
}

.frame .subtract-wrapper {
  position: absolute;
  top: 2112px;
  left: 462px;
  width: 978px;
  height: 28px;
  transform: rotate(-180deg);
}

.frame .subtract-3 {
  position: absolute;
  width: 100%;
  height: 70.87%;
  top: 14.56%;
  left: 0;
  transform: rotate(180deg);
}

.frame .group {
  position: absolute;
  top: 1078px;
  left: 98px;
  width: 468px;
  height: 103px;
}

.frame .div-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 466px;
  height: 103px;
  background-color: #ffffff;
  border-radius: 100px;
  box-shadow: 0px 8px 1.2px #00000040;
}

.frame .text-wrapper-2 {
  position: absolute;
  top: 0;
  left: 63px;
  width: 340px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ff4d47;
  font-size: 48px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .group-2 {
  position: absolute;
  top: 931px;
  left: 98px;
  width: 468px;
  height: 103px;
}

.frame .blue-rect {
  position: absolute;
  top: 1582px;
  left: 0;
  width: 398px;
  height: 1009px;
  background-color: #48e3ff;
}

.frame .text-wrapper-3 {
  position: absolute;
  top: 1617px;
  left: calc(50% - 784px);
  width: 922px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 128px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .text-wrapper-4 {
  top: 3271px;
  left: calc(50% - 462px);
  width: 922px;
  color: #ffffff;
  font-size: 128px;
  position: absolute;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .text-wrapper-5 {
  position: absolute;
  top: 5536px;
  left: calc(50% - 347px);
  width: 1031px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 128px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .p {
  position: absolute;
  top: 2395px;
  left: calc(50% + 332px);
  width: 423px;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .about-me {
  position: absolute;
  top: 784px;
  left: 98px;
  width: 468px;
  height: 103px;
}

.frame .text-wrapper-6 {
  position: absolute;
  top: 0;
  left: 63px;
  width: 341px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ff4d47;
  font-size: 48px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .subtract-4 {
  position: absolute;
  width: 188px;
  height: 236px;
  top: 2040px;
  left: 0;
}

.frame .ellipse-2 {
  position: absolute;
  top: 1883px;
  left: 18px;
  width: 313px;
  height: 313px;
  border-radius: 156.5px;
  border: 10px solid;
  border-color: #ffffff;
}

.frame .ellipse-3 {
  position: absolute;
  top: 3273px;
  left: 1214px;
  width: 141px;
  height: 141px;
  border-radius: 70.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-4 {
  position: absolute;
  top: 3448px;
  left: 1214px;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .group-3 {
  position: absolute;
  top: 4775px;
  left: 1359px;
  width: 67px;
  height: 230px;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-5 {
  height: 67px;
  border-radius: 33.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-6 {
  height: 67px;
  margin-top: 13px;
  border-radius: 33.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-7 {
  height: 67px;
  margin-top: 16px;
  border-radius: 33.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .group-4 {
  position: absolute;
  top: 451px;
  left: 737px;
  width: 96px;
  height: 330px;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-8 {
  height: 96px;
  border-radius: 48px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-9 {
  height: 96px;
  margin-top: 18.6px;
  border-radius: 48px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-10 {
  height: 96px;
  margin-top: 22.9px;
  border-radius: 48px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .about-box {
  position: absolute;
  top: 1766px;
  left: 188px;
  width: 864px;
  height: 274px;
  background-color: #5588ff;
}

.frame .text-wrapper-7 {
  position: absolute;
  top: 1779px;
  left: 203px;
  width: 849px;
  height: 261px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .text-wrapper-8 {
  position: absolute;
  top: 2167px;
  left: 462px;
  width: 936px;
  height: 228px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  text-align: center;
  letter-spacing: 0;
  line-height: 80px;
}

.frame .element-dots {
  position: absolute;
  top: 1429px;
  left: 55px;
  width: 29px;
  height: 119px;
  display: flex;
  flex-direction: column;
  gap: 15.5px;
}

.frame .ellipse-11 {
  height: 29.3px;
  background-color: #ffffff;
  border-radius: 14.5px / 14.65px;
}

.frame .element-dots-2 {
  top: 4601px;
  left: 132px;
  width: 31px;
  height: 128px;
  gap: 16.7px;
  transform: rotate(90deg);
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-12 {
  margin-left: 0;
  width: 31.19px;
  height: 31.52px;
  margin-top: 0;
  background-color: #ffffff;
  border-radius: 15.6px / 15.76px;
}

.frame .ellipse-13 {
  margin-left: 0;
  width: 31.19px;
  height: 31.52px;
  background-color: #ffffff;
  border-radius: 15.6px / 15.76px;
}

.frame .element-dots-3 {
  top: 3269px;
  left: 64px;
  width: 57px;
  height: 232px;
  gap: 30.4px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-14 {
  width: 56.65px;
  height: 57.24px;
  border-radius: 28.32px / 28.62px;
  margin-top: 0;
  background-color: #ffffff;
}

.frame .ellipse-15 {
  margin-left: 0;
  width: 56.65px;
  height: 57.24px;
  background-color: #ffffff;
  border-radius: 28.32px / 28.62px;
}

.frame .element-dots-4 {
  top: 2772px;
  left: 1297px;
  width: 43px;
  height: 178px;
  gap: 23.3px;
  transform: rotate(90deg);
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-16 {
  margin-left: 0;
  width: 43.38px;
  height: 43.83px;
  border-radius: 21.69px / 21.91px;
  margin-top: 0;
  background-color: #ffffff;
}

.frame .ellipse-17 {
  margin-left: 0;
  width: 43.38px;
  height: 43.83px;
  background-color: #ffffff;
  border-radius: 21.69px / 21.91px;
}

.frame .element-dots-5 {
  top: 2402px;
  left: 918px;
  width: 23px;
  height: 95px;
  gap: 12.4px;
  transform: rotate(90deg);
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-18 {
  margin-left: 0;
  width: 23.15px;
  height: 23.39px;
  border-radius: 11.58px / 11.7px;
  margin-top: 0;
  background-color: #ffffff;
}

.frame .ellipse-19 {
  margin-left: 0;
  width: 23.15px;
  height: 23.39px;
  background-color: #ffffff;
  border-radius: 11.58px / 11.7px;
}

.frame .ellipse-20 {
  margin-left: 0;
  width: 23.15px;
  height: 23.39px;
  background-color: #ffd35c;
  border-radius: 11.58px / 11.7px;
}

.frame .pic {
  position: absolute;
  top: 421px;
  left: 856px;
  width: 547px;
  height: 547px;
}

.frame .rectangle {
  position: absolute;
  top: 2521px;
  left: 36px;
  width: 1059px;
  height: 196px;
}

.frame .rectangle-2 {
  position: absolute;
  top: 3419px;
  left: 253px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .rectangle-3 {
  position: absolute;
  top: 3646px;
  left: 1024px;
  width: 727px;
  height: 26px;
  background-color: #6b65ae;
  border-radius: 100px;
  transform: rotate(90deg);
}

.frame .rectangle-4 {
  position: absolute;
  top: 3873px;
  left: 979px;
  width: 728px;
  height: 24px;
  background-color: #6b65ae;
  border-radius: 100px;
  transform: rotate(90deg);
}

.frame .subtract-5 {
  position: absolute;
  width: 621px;
  height: 810px;
  top: 3778px;
  left: 819px;
}

.frame .rectangle-5 {
  position: absolute;
  top: 3419px;
  left: 747px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .rectangle-6 {
  position: absolute;
  top: 4022px;
  left: 253px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .rectangle-7 {
  position: absolute;
  top: 4022px;
  left: 747px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .subtract-6 {
  position: absolute;
  width: 357px;
  height: 472px;
  top: 6139px;
  left: -1px;
}

.frame .rectangle-8 {
  position: absolute;
  top: 4625px;
  left: 253px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .ellipse-21 {
  position: absolute;
  top: 2751px;
  left: 809px;
  width: 4px;
  height: 4px;
  background-color: #7d63e5;
  border-radius: 2px;
}

.frame .group-5 {
  position: absolute;
  top: 4625px;
  left: 747px;
  width: 433px;
  height: 529px;
}

.frame .rectangle-9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 431px;
  height: 529px;
  background-color: #42addf;
}

.frame .text-wrapper-9 {
  position: absolute;
  top: 181px;
  left: 90px;
  width: 251px;
  height: 167px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .text-wrapper-10 {
  position: absolute;
  top: 5720px;
  left: 444px;
  width: 910px;
  height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 50px;
  text-decoration: underline;
}

.frame .text-wrapper-11 {
  position: absolute;
  top: 6069px;
  left: 448px;
  width: 353px;
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 50px;
  text-decoration: underline;
}

.frame .text-wrapper-12 {
  position: absolute;
  top: 5888px;
  left: 444px;
  width: 910px;
  height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .phone {
  position: absolute;
  top: 5895px;
  left: 306px;
  width: 100px;
  height: 100px;
}

.frame .text-wrapper-13 {
  position: absolute;
  top: 6866px;
  left: 377px;
  width: 686px;
  height: 119px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .group-6 {
  position: absolute;
  top: 6345px;
  left: 942px;
  width: 471px;
  height: 31px;
}

.frame .group-7 {
  position: absolute;
  top: 42px;
  left: 931px;
  width: 471px;
  height: 31px;
}

.frame .rectangle-10 {
  position: absolute;
  top: 2759px;
  left: 138px;
  width: 1042px;
  height: 394px;
  background-color: #ff4949;
}

.frame .text-wrapper-14 {
  position: absolute;
  top: 2571px;
  left: 157px;
  width: 997px;
  height: 772px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .mail {
  position: absolute;
  top: 5719px;
  left: 291px;
  width: 130px;
  height: 130px;
}

.frame .instagram {
  position: absolute;
  top: 6062px;
  left: 301px;
  width: 117px;
  height: 116px;
}

.frame .icon {
  position: absolute;
  width: 83.33%;
  height: 83.33%;
  top: 8.33%;
  left: 8.33%;
}
/* Original CSS code should be injected here */

/* Additional CSS for semantic improvements */
.navigation {
  position: relative;
  z-index: 10;
}

.navigation a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.navigation a:hover,
.navigation a:focus {
  opacity: 0.8;
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.about-section {
  position: relative;
}

.testimonial {
  position: relative;
}

.projects-section {
  position: relative;
}

.projects-grid {
  position: relative;
}

.contact-section {
  position: relative;
}

.contact-info {
  position: relative;
}

.contact-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}

.footer {
  position: relative;
}

/* Accessibility improvements */
.frame a:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}

/* Ensure interactive elements have proper cursor */
.navigation a,
.text-wrapper-9,
.text-wrapper-10,
.text-wrapper-11 {
  cursor: pointer;
}

/* Improve text readability */
.text-wrapper-7,
.text-wrapper-8,
.text-wrapper-14 {
  text-rendering: optimizeLegibility;
}

/* Ensure proper stacking context for interactive elements */
.group,
.group-2,
.about-me,
.group-5 {
  position: relative;
  z-index: 5;
}

.frame {
  background: linear-gradient(176deg, rgba(46, 159, 228, 1) 0%, rgba(157, 216, 54, 1) 100%);
  overflow-x: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 6963px;
  position: relative;
}

.frame .purple-box {
  position: absolute;
  top: 58px;
  left: 73px;
  width: 1367px;
  height: 1509px;
  background: linear-gradient(148deg, rgba(156, 118, 233, 1) 0%, rgba(244, 78, 180, 1) 100%);
}

.frame .div {
  position: absolute;
  top: 1950px;
  left: 199px;
  width: 1241px;
  height: 1038px;
  background-color: #3a4a79;
}

.frame .ellipse {
  position: absolute;
  top: 3050px;
  left: 1117px;
  width: 202px;
  height: 202px;
  border-radius: 101px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .purple-box-2 {
  position: absolute;
  top: 3237px;
  left: 98px;
  width: 1035px;
  height: 1433px;
  background-color: #6f51ac;
}

.frame .purple-box-3 {
  position: absolute;
  top: 4393px;
  left: 171px;
  width: 1236px;
  height: 961px;
  background-color: #ef9c53;
}

.frame .purple-box-4 {
  position: absolute;
  top: 5427px;
  left: 128px;
  width: 1312px;
  height: 1043px;
  background-color: #6e7bed;
}

.frame .purple-box-5 {
  position: absolute;
  top: 5427px;
  left: 216px;
  width: 1224px;
  height: 972px;
  background-color: #5baee1;
}

.frame .outer-circle {
  position: absolute;
  top: 1174px;
  left: 1170px;
  width: 270px;
  height: 516px;
}

.frame .dots {
  position: absolute;
  top: 315px;
  left: 1059px;
  width: 381px;
  height: 1485px;
}

.frame .inner-cicrcle {
  position: absolute;
  top: 1265px;
  left: 1264px;
  width: 176px;
  height: 337px;
}

.frame .orbit-circle {
  position: absolute;
  width: 380px;
  height: 735px;
  top: 1065px;
  left: 1059px;
}

.frame .subtract {
  position: absolute;
  top: 378px;
  left: 73px;
  width: 484px;
  height: 85px;
}

.frame .line {
  position: absolute;
  top: 421px;
  left: 198px;
  width: 17px;
  height: 1177px;
  background-color: #e3ff5b;
  border-radius: 23px;
}

.frame .line-2 {
  position: absolute;
  top: 603px;
  left: 255px;
  width: 17px;
  height: 1161px;
  background-color: #e3ff5b;
  border-radius: 17px;
}

.frame .line-3 {
  position: absolute;
  top: 4735px;
  left: 649px;
  width: 10px;
  height: 1298px;
  background-color: #ffffff;
  border-radius: 17px;
  transform: rotate(90deg);
}

.frame .line-4 {
  position: absolute;
  top: 4745px;
  left: 776px;
  width: 26px;
  height: 1112px;
  background-color: #ffffff;
  border-radius: 17px;
  transform: rotate(90deg);
}

.frame .line-5 {
  position: absolute;
  top: 4806px;
  left: 872px;
  width: 33px;
  height: 1081px;
  background-color: #ffffff;
  border-radius: 17px;
  transform: rotate(90deg);
}

.frame .text-wrapper {
  position: absolute;
  top: 93px;
  left: calc(50% - 622px);
  width: 687px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 115px;
  letter-spacing: 0;
  line-height: 100px;
}

.frame .img {
  position: absolute;
  top: 338px;
  left: 73px;
  width: 563px;
  height: 32px;
}

.frame .component {
  position: absolute;
  top: 364px;
  left: 74px;
  width: 857px;
  height: 87px;
}

.frame .subtract-2 {
  position: absolute;
  width: 100%;
  height: 70.87%;
  top: 14.56%;
  left: 0;
}

.frame .subtract-wrapper {
  position: absolute;
  top: 2112px;
  left: 462px;
  width: 978px;
  height: 28px;
  transform: rotate(-180deg);
}

.frame .subtract-3 {
  position: absolute;
  width: 100%;
  height: 70.87%;
  top: 14.56%;
  left: 0;
  transform: rotate(180deg);
}

.frame .group {
  position: absolute;
  top: 1078px;
  left: 98px;
  width: 468px;
  height: 103px;
}

.frame .div-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 466px;
  height: 103px;
  background-color: #ffffff;
  border-radius: 100px;
  box-shadow: 0px 8px 1.2px #00000040;
}

.frame .text-wrapper-2 {
  position: absolute;
  top: 0;
  left: 63px;
  width: 340px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ff4d47;
  font-size: 48px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .group-2 {
  position: absolute;
  top: 931px;
  left: 98px;
  width: 468px;
  height: 103px;
}

.frame .blue-rect {
  position: absolute;
  top: 1582px;
  left: 0;
  width: 398px;
  height: 1009px;
  background-color: #48e3ff;
}

.frame .text-wrapper-3 {
  position: absolute;
  top: 1617px;
  left: calc(50% - 784px);
  width: 922px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 128px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .text-wrapper-4 {
  top: 3271px;
  left: calc(50% - 462px);
  width: 922px;
  color: #ffffff;
  font-size: 128px;
  position: absolute;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .text-wrapper-5 {
  position: absolute;
  top: 5536px;
  left: calc(50% - 347px);
  width: 1031px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 128px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .p {
  position: absolute;
  top: 2395px;
  left: calc(50% + 332px);
  width: 423px;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .about-me {
  position: absolute;
  top: 784px;
  left: 98px;
  width: 468px;
  height: 103px;
}

.frame .text-wrapper-6 {
  position: absolute;
  top: 0;
  left: 63px;
  width: 341px;
  font-family: "Rubik One-Regular", Helvetica;
  font-weight: 400;
  color: #ff4d47;
  font-size: 48px;
  text-align: center;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.frame .subtract-4 {
  position: absolute;
  width: 188px;
  height: 236px;
  top: 2040px;
  left: 0;
}

.frame .ellipse-2 {
  position: absolute;
  top: 1883px;
  left: 18px;
  width: 313px;
  height: 313px;
  border-radius: 156.5px;
  border: 10px solid;
  border-color: #ffffff;
}

.frame .ellipse-3 {
  position: absolute;
  top: 3273px;
  left: 1214px;
  width: 141px;
  height: 141px;
  border-radius: 70.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-4 {
  position: absolute;
  top: 3448px;
  left: 1214px;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .group-3 {
  position: absolute;
  top: 4775px;
  left: 1359px;
  width: 67px;
  height: 230px;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-5 {
  height: 67px;
  border-radius: 33.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-6 {
  height: 67px;
  margin-top: 13px;
  border-radius: 33.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-7 {
  height: 67px;
  margin-top: 16px;
  border-radius: 33.5px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .group-4 {
  position: absolute;
  top: 451px;
  left: 737px;
  width: 96px;
  height: 330px;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-8 {
  height: 96px;
  border-radius: 48px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-9 {
  height: 96px;
  margin-top: 18.6px;
  border-radius: 48px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .ellipse-10 {
  height: 96px;
  margin-top: 22.9px;
  border-radius: 48px;
  border: 6px solid;
  border-color: #ffffff;
}

.frame .about-box {
  position: absolute;
  top: 1766px;
  left: 188px;
  width: 864px;
  height: 274px;
  background-color: #5588ff;
}

.frame .text-wrapper-7 {
  position: absolute;
  top: 1779px;
  left: 203px;
  width: 849px;
  height: 261px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .text-wrapper-8 {
  position: absolute;
  top: 2167px;
  left: 462px;
  width: 936px;
  height: 228px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  text-align: center;
  letter-spacing: 0;
  line-height: 80px;
}

.frame .element-dots {
  position: absolute;
  top: 1429px;
  left: 55px;
  width: 29px;
  height: 119px;
  display: flex;
  flex-direction: column;
  gap: 15.5px;
}

.frame .ellipse-11 {
  height: 29.3px;
  background-color: #ffffff;
  border-radius: 14.5px / 14.65px;
}

.frame .element-dots-2 {
  top: 4601px;
  left: 132px;
  width: 31px;
  height: 128px;
  gap: 16.7px;
  transform: rotate(90deg);
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-12 {
  margin-left: 0;
  width: 31.19px;
  height: 31.52px;
  margin-top: 0;
  background-color: #ffffff;
  border-radius: 15.6px / 15.76px;
}

.frame .ellipse-13 {
  margin-left: 0;
  width: 31.19px;
  height: 31.52px;
  background-color: #ffffff;
  border-radius: 15.6px / 15.76px;
}

.frame .element-dots-3 {
  top: 3269px;
  left: 64px;
  width: 57px;
  height: 232px;
  gap: 30.4px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-14 {
  width: 56.65px;
  height: 57.24px;
  border-radius: 28.32px / 28.62px;
  margin-top: 0;
  background-color: #ffffff;
}

.frame .ellipse-15 {
  margin-left: 0;
  width: 56.65px;
  height: 57.24px;
  background-color: #ffffff;
  border-radius: 28.32px / 28.62px;
}

.frame .element-dots-4 {
  top: 2772px;
  left: 1297px;
  width: 43px;
  height: 178px;
  gap: 23.3px;
  transform: rotate(90deg);
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-16 {
  margin-left: 0;
  width: 43.38px;
  height: 43.83px;
  border-radius: 21.69px / 21.91px;
  margin-top: 0;
  background-color: #ffffff;
}

.frame .ellipse-17 {
  margin-left: 0;
  width: 43.38px;
  height: 43.83px;
  background-color: #ffffff;
  border-radius: 21.69px / 21.91px;
}

.frame .element-dots-5 {
  top: 2402px;
  left: 918px;
  width: 23px;
  height: 95px;
  gap: 12.4px;
  transform: rotate(90deg);
  position: absolute;
  display: flex;
  flex-direction: column;
}

.frame .ellipse-18 {
  margin-left: 0;
  width: 23.15px;
  height: 23.39px;
  border-radius: 11.58px / 11.7px;
  margin-top: 0;
  background-color: #ffffff;
}

.frame .ellipse-19 {
  margin-left: 0;
  width: 23.15px;
  height: 23.39px;
  background-color: #ffffff;
  border-radius: 11.58px / 11.7px;
}

.frame .ellipse-20 {
  margin-left: 0;
  width: 23.15px;
  height: 23.39px;
  background-color: #ffd35c;
  border-radius: 11.58px / 11.7px;
}

.frame .pic {
  position: absolute;
  top: 421px;
  left: 856px;
  width: 547px;
  height: 547px;
}

.frame .rectangle {
  position: absolute;
  top: 2521px;
  left: 36px;
  width: 1059px;
  height: 196px;
}

.frame .rectangle-2 {
  position: absolute;
  top: 3419px;
  left: 253px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .rectangle-3 {
  position: absolute;
  top: 3646px;
  left: 1024px;
  width: 727px;
  height: 26px;
  background-color: #6b65ae;
  border-radius: 100px;
  transform: rotate(90deg);
}

.frame .rectangle-4 {
  position: absolute;
  top: 3873px;
  left: 979px;
  width: 728px;
  height: 24px;
  background-color: #6b65ae;
  border-radius: 100px;
  transform: rotate(90deg);
}

.frame .subtract-5 {
  position: absolute;
  width: 621px;
  height: 810px;
  top: 3778px;
  left: 819px;
}

.frame .rectangle-5 {
  position: absolute;
  top: 3419px;
  left: 747px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .rectangle-6 {
  position: absolute;
  top: 4022px;
  left: 253px;
  width: 431px;
  height: 529px;
  background-color: #d9 d9d9;
}

.frame .rectangle-7 {
  position: absolute;
  top: 4022px;
  left: 747px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .subtract-6 {
  position: absolute;
  width: 357px;
  height: 472px;
  top: 6139px;
  left: -1px;
}

.frame .rectangle-8 {
  position: absolute;
  top: 4625px;
  left: 253px;
  width: 431px;
  height: 529px;
  background-color: #d9d9d9;
}

.frame .ellipse-21 {
  position: absolute;
  top: 2751px;
  left: 809px;
  width: 4px;
  height: 4px;
  background-color: #7d63e5;
  border-radius: 2px;
}

.frame .group-5 {
  position: absolute;
  top: 4625px;
  left: 747px;
  width: 433px;
  height: 529px;
}

.frame .rectangle-9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 431px;
  height: 529px;
  background-color: #42addf;
}

.frame .text-wrapper-9 {
  position: absolute;
  top: 181px;
  left: 90px;
  width: 251px;
  height: 167px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 64px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .text-wrapper-10 {
  position: absolute;
  top: 5720px;
  left: 444px;
  width: 910px;
  height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 50px;
  text-decoration: underline;
}

.frame .text-wrapper-11 {
  position: absolute;
  top: 6069px;
  left: 448px;
  width: 353px;
  height: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 50px;
  text-decoration: underline;
}

.frame .text-wrapper-12 {
  position: absolute;
  top: 5888px;
  left: 444px;
  width: 910px;
  height: 113px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .phone {
  position: absolute;
  top: 5895px;
  left: 306px;
  width: 100px;
  height: 100px;
}

.frame .text-wrapper-13 {
  position: absolute;
  top: 6866px;
  left: 377px;
  width: 686px;
  height: 119px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Smooch Sans-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .group-6 {
  position: absolute;
  top: 6345px;
  left: 942px;
  width: 471px;
  height: 31px;
}

.frame .group-7 {
  position: absolute;
  top: 42px;
  left: 931px;
  width: 471px;
  height: 31px;
}

.frame .rectangle-10 {
  position: absolute;
  top: 2759px;
  left: 138px;
  width: 1042px;
  height: 394px;
  background-color: #ff4949;
}

.frame .text-wrapper-14 {
  position: absolute;
  top: 2571px;
  left: 157px;
  width: 997px;
  height: 772px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Squada One-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 50px;
}

.frame .mail {
  position: absolute;
  top: 5719px;
  left: 291px;
  width: 130px;
  height: 130px;
}

.frame .instagram {
  position: absolute;
  top: 6062px;
  left: 301px;
  width: 117px;
  height: 116px;
}

.frame .icon {
  position: absolute;
  width: 83.33%;
  height: 83.33%;
  top: 8.33%;
  left: 8.33%;
}