body {
  background-color: #000000;
}






@keyframes bounce-top {
  0% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(-24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(-12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(-6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(-4px);
    animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  to {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes wobble-hor-bottom {
  0%,
  to {
    transform: translateX(0);
    transform-origin: 50% 50%;
  }
  15% {
    transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    transform: translateX(15px) rotate(6deg);
  }
  45% {
    transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes scale-up {
  0% {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
.desktop-1-child {
  position: absolute;
  width: calc(100% + 48px);
  top: 0;
  right: -28.56rem;
  left: 25.56rem;
  background-color: #191919;
  height: 116.06rem;
}
.desktop-1-item {
  position: absolute;
  width: calc(100% - 362px);
  top: 0;
  right: 0;
  left: 22.63rem;
  background: linear-gradient(90.39deg, #3b4545, rgba(32, 69, 69, 0));
  height: 15.75rem;
}
.desktop-1-inner {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  width: 25.94rem;
  height: 116.06rem;
}
.rectangle-div {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #413f3f;
  height: 9.75rem;
}
.spotify-interface-media-social-icon {
  position: absolute;
  top: 4.5rem;
  left: 7.88rem;
  width: 4rem;
  height: 4rem;
  object-fit: cover;
  opacity: 1;
}
.spotify-interface-media-social-icon.animate {
  animation: 1s ease 0s 1 normal forwards bounce-top;
}
.spotify-interface-media-social-icon:active {
  animation: 3s ease 0s 1 normal none wobble-hor-bottom;
  opacity: 1;
}
.education,
.shahnil-lakhani,
.skills,
.spotify,
.work-experience {
  margin: 0;
  position: absolute;
  font-size: 2.5rem;
  font-family: inherit;
}
.spotify {
  top: 4.5rem;
  left: 12.38rem;
  font-weight: 700;
  color: #59d96b;
  text-align: left;
}
.education,
.shahnil-lakhani,
.skills,
.work-experience {
  text-transform: capitalize;
  font-weight: 600;
}
.shahnil-lakhani {
  top: 9.13rem;
  left: 24.75rem;
  display: inline-block;
  width: 22rem;
  height: 5.88rem;
}
.education,
.skills,
.work-experience {
  top: 26.56rem;
  left: 8rem;
}
.skills,
.work-experience {
  top: 33.69rem;
  left: 27rem;
}
.skills {
  top: 52.69rem;
  left: 8rem;
}
.pristine-private-school,
.successfully-completed-a,
.verified-artist {
  margin: 0;
  position: absolute;
  font-size: 2rem;
  text-transform: capitalize;
  font-weight: 400;
  font-family: inherit;
}
.pristine-private-school {
  top: 36.13rem;
  left: 8rem;
  color: #fff;
  text-align: left;
  display: inline-block;
  width: 19rem;
  height: 6.75rem;
}
.successfully-completed-a,
.verified-artist {
  top: 5.63rem;
  left: 31.19rem;
}
.successfully-completed-a {
  top: 31rem;
  left: 8rem;
  font-size: 1.5rem;
  color: #59d96b;
  text-align: left;
  display: inline-block;
  width: 14.44rem;
}
.group-icon {
  position: absolute;
  top: 107.19rem;
  left: 9.81rem;
  width: 6.63rem;
  height: 7.75rem;
  object-fit: cover;
}
.monthly-listeners {
  margin: 0;
  position: absolute;
  top: 12.31rem;
  left: 26.81rem;
  font-size: inherit;
  text-transform: capitalize;
  font-weight: 400;
  font-family: inherit;
}
.desktop-1-child1 {
  position: absolute;
  top: 4.44rem;
  left: 59.56rem;
  border-radius: 61px;
  background-color: #262923;
  width: 25.56rem;
  height: 4.81rem;
}
.desktop-1-child2 {
  position: absolute;
  top: 4.75rem;
  left: 60.63rem;
  width: 4.31rem;
  height: 4.81rem;
  object-fit: cover;
}
.shahnil {
  margin: 0;
  position: absolute;
  top: 5.94rem;
  left: 62.81rem;
  font-size: 1.75rem;
  text-transform: capitalize;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  width: 19.06rem;
  height: 3.31rem;
}
.image-1-icon {
  position: absolute;
  top: 4.81rem;
  left: 79.88rem;
  width: 3.94rem;
  height: 4.13rem;
  object-fit: cover;
}
.follow {
  position: absolute;
  top: 18.94rem;
  left: 36.25rem;
  text-transform: capitalize;
}
.anchor-spotify-play-button-1 {
  position: absolute;
  left: 0;
  bottom: -6.25rem;
}
.rectangle-button,
.spotify-play-button-1 {
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  position: absolute;
}
.spotify-play-button-1 {
  border: 0;
  top: 17.63rem;
  left: 26.81rem;
  width: 4.69rem;
  height: 4.44rem;
  background-image: url(./public/spotifyplaybutton-1@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.rectangle-button {
  border: 1px solid #d9d9d9;
  top: 18.13rem;
  left: 32.31rem;
  border-radius: 30px;
  box-sizing: border-box;
  width: 11.75rem;
  height: 3.38rem;
}
.rectangle-button:hover {
  animation: 2s linear 0s infinite alternate-reverse none scale-up;
  opacity: 1;
}
.image-7-icon {
  position: absolute;
  top: 4.69rem;
  left: 26.06rem;
  width: 4.56rem;
  height: 4.75rem;
  object-fit: cover;
}
.dubaiuae,
.h6,
.shahnil-lakhani1 {
  margin: 0;
  position: absolute;
  top: 17.5rem;
  left: 10.5rem;
  font-size: inherit;
  text-transform: capitalize;
  font-weight: 400;
  font-family: inherit;
}
.dubaiuae,
.shahnil-lakhani1 {
  top: 12.75rem;
  left: 10.63rem;
}
.shahnil-lakhani1 {
  top: 20.38rem;
  left: 10.75rem;
  text-transform: lowercase;
}
.innovative-and-proactive {
  top: 23.5rem;
  left: 27.19rem;
  font-size: inherit;
  text-align: left;
  display: inline-block;
  width: 51.75rem;
}
.innovative-and-proactive,
.june-2023,
.shahnillakhanigmailcom {
  margin: 0;
  position: absolute;
  text-transform: lowercase;
  font-weight: 400;
  font-family: inherit;
}
.june-2023 {
  top: 44.63rem;
  left: 13.25rem;
  font-size: inherit;
}
.shahnillakhanigmailcom {
  top: 15.31rem;
  left: 10.56rem;
  font-size: 1rem;
  display: inline-block;
  width: 12.19rem;
}
.image-3-icon,
.image-4-icon {
  position: absolute;
  top: 11.63rem;
  left: 7.81rem;
  width: 2rem;
  height: 4.06rem;
  object-fit: cover;
}
.image-4-icon {
  top: 14.13rem;
  left: 7.13rem;
  width: 3.38rem;
  height: 2.94rem;
}
.image-5-icon,
.image-8-icon,
.image-9-icon {
  position: absolute;
  top: 17.06rem;
  left: 7.31rem;
  width: 2.94rem;
  height: 2.63rem;
  object-fit: cover;
}
.image-8-icon,
.image-9-icon {
  top: 20.19rem;
  left: 7.81rem;
  width: 2.06rem;
  height: 2.13rem;
}
.image-9-icon {
  top: 42.88rem;
  left: 7.63rem;
  width: 5.31rem;
  height: 5.19rem;
}
.vector-icon {
  position: absolute;
  top: 50.34rem;
  left: 8.41rem;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  width: 14.44rem;
  height: 0.06rem;
}
.frontend-dev,
.technical-skills {
  margin: 0;
  position: absolute;
  top: 58.44rem;
  left: 8rem;
  font-size: 2rem;
  text-transform: capitalize;
  font-weight: 700;
  font-family: inherit;
  color: #59d96b;
  display: inline-block;
  width: 14.44rem;
}
.frontend-dev {
  top: 61.75rem;
  left: 10.13rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
  text-align: left;
  width: 16.63rem;
  height: 2rem;
}
.advanced-in {
  margin: 0;
}
.advanced-in-python-container {
  margin: 0;
  position: absolute;
  top: 64.31rem;
  left: 10.13rem;
  font-size: 1.5rem;
  text-transform: capitalize;
  font-weight: 400;
  font-family: inherit;
  color: #fff;
  text-align: left;
  display: inline-block;
  width: 16.63rem;
  height: 2rem;
}
.image-10-icon,
.image-11 {
  position: absolute;
  left: 7.81rem;
  width: 1.81rem;
  height: 2.56rem;
}
.image-10-icon {
  top: 65.31rem;
  object-fit: cover;
}
.image-11 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  top: 61.75rem;
  background-image: url(./public/image-10@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.functional-skills {
  margin: 0;
  position: absolute;
  top: 73rem;
  left: 7.5rem;
  font-size: 2rem;
  text-transform: capitalize;
  font-weight: 700;
  font-family: inherit;
  color: #59d96b;
  display: inline-block;
  width: 16.56rem;
}
.image-10-icon1 {
  position: absolute;
  top: 76.13rem;
  left: 7.13rem;
  width: 1.81rem;
  height: 2.56rem;
  object-fit: cover;
}
.communication {
  margin: 0;
  position: absolute;
  top: 76.13rem;
  left: 9.44rem;
  font-size: 1.5rem;
  text-transform: capitalize;
  font-weight: 400;
  font-family: inherit;
  color: #fff;
  text-align: left;
  display: inline-block;
  width: 16.63rem;
  height: 2rem;
}
.image-10-icon2 {
  position: absolute;
  top: 78.81rem;
  left: 7.13rem;
  width: 1.81rem;
  height: 2.56rem;
  object-fit: cover;
}
.questioning-skills {
  margin: 0;
  position: absolute;
  top: 78.81rem;
  left: 9.44rem;
  font-size: 1.5rem;
  text-transform: capitalize;
  font-weight: 400;
  font-family: inherit;
  color: #fff;
  text-align: left;
  display: inline-block;
  width: 16.63rem;
  height: 2rem;
}
.image-10-icon3 {
  position: absolute;
  top: 81.38rem;
  left: 7.13rem;
  width: 1.81rem;
  height: 2.56rem;
  object-fit: cover;
}
.clarity-and-conciseness,
.conceived-and-presented {
  margin: 0;
  position: absolute;
  font-weight: 400;
  font-family: inherit;
  text-align: left;
  display: inline-block;
}
.clarity-and-conciseness {
  top: 81.66rem;
  left: 9.44rem;
  font-size: 1.5rem;
  text-transform: capitalize;
  color: #fff;
  width: 20rem;
  height: 2rem;
}
.conceived-and-presented {
  top: 46.19rem;
  left: 28.75rem;
  font-size: inherit;
  text-transform: lowercase;
  width: 51.75rem;
}
.image-10-icon4 {
  position: absolute;
  top: 46.56rem;
  left: 27.19rem;
  width: 1.31rem;
  height: 1.13rem;
  object-fit: cover;
}
.engaged-in-direct {
  margin: 0;
  position: absolute;
  top: 54.13rem;
  left: 28.75rem;
  font-size: inherit;
  text-transform: lowercase;
  font-weight: 400;
  font-family: inherit;
  text-align: left;
  display: inline-block;
  width: 51.75rem;
}
.image-10-icon5 {
  position: absolute;
  top: 54.5rem;
  left: 27.19rem;
  width: 1.31rem;
  height: 1.13rem;
  object-fit: cover;
}
.desktop-1-child3 {
  position: absolute;
  top: 37.31rem;
  left: 27rem;
  border-radius: 26px;
  background: linear-gradient(90.03deg, #2e2e2d, rgba(94, 94, 77, 0));
  width: 50.19rem;
  height: 8.31rem;
}
.image-111 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 38.81rem;
  left: 26.13rem;
  width: 6.06rem;
  height: 5.63rem;
  background-image: url(./public/image-11@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.image-12-icon {
  position: absolute;
  top: 37.63rem;
  left: 29.94rem;
  width: 6.75rem;
  height: 7.31rem;
  object-fit: cover;
}
.dubai-world-trade,
.dubaiuae1,
.front-end-dev,
.october-2021-january {
  margin: 0;
  position: absolute;
  top: 38.06rem;
  left: 36.63rem;
  font-size: 2rem;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
}
.dubaiuae1,
.front-end-dev,
.october-2021-january {
  top: 40.56rem;
  left: 36.69rem;
  font-weight: 200;
}
.dubaiuae1,
.october-2021-january {
  top: 43.06rem;
  left: 37.88rem;
  font-size: 1.25rem;
  color: #6f7276;
}
.october-2021-january {
  left: 46rem;
}
.image-13-icon,
.image-14-icon {
  position: absolute;
  top: 43.06rem;
  left: 44.44rem;
  width: 1.44rem;
  height: 2.13rem;
  object-fit: cover;
}
.image-14-icon {
  left: 36.63rem;
}
.h1 {
  margin: 0;
  position: absolute;
  top: 40.88rem;
  left: 68.38rem;
  font-size: 1.25rem;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  width: 3.88rem;
  height: 1.69rem;
}
.image-15,
.image-16 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 40rem;
  left: 65.88rem;
  width: 3.44rem;
  height: 4.13rem;
  background-image: url(./public/image-15@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.image-16 {
  top: 40.25rem;
  left: 70.94rem;
  width: 4.5rem;
  height: 3.06rem;
  background-image: url(./public/image-16@2x.png);
}
.devised-and-introduced {
  margin: 0;
  position: absolute;
  top: 70.94rem;
  left: 28.75rem;
  font-size: inherit;
  text-transform: lowercase;
  font-weight: 400;
  font-family: inherit;
  text-align: left;
  display: inline-block;
  width: 51.75rem;
}
.image-10-icon6 {
  position: absolute;
  top: 71.31rem;
  left: 27.19rem;
  width: 1.31rem;
  height: 1.13rem;
  object-fit: cover;
}
.collaborated-closely-with {
  margin: 0;
  position: absolute;
  top: 78.81rem;
  left: 28.75rem;
  font-size: inherit;
  text-transform: lowercase;
  font-weight: 400;
  font-family: inherit;
  text-align: left;
  display: inline-block;
  width: 51.75rem;
}
.image-10-icon7 {
  position: absolute;
  top: 79.25rem;
  left: 27.19rem;
  width: 1.31rem;
  height: 1.13rem;
  object-fit: cover;
}
.rectangle-input {
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 62.06rem;
  left: 27rem;
  border-radius: 26px;
  background: linear-gradient(90.02deg, #2e2e2d, rgba(94, 94, 77, 0));
  width: 50.19rem;
  height: 8.31rem;
}
.image-11-icon,
.image-12-icon1 {
  position: absolute;
  top: 63.56rem;
  left: 26.13rem;
  width: 6.06rem;
  height: 5.63rem;
  object-fit: cover;
}
.image-12-icon1 {
  top: 62.38rem;
  left: 29.94rem;
  width: 6.75rem;
  height: 7.31rem;
}
.la-petite-maison {
  margin: 0;
  position: absolute;
  top: 62.94rem;
  left: 36.63rem;
  font-size: 2rem;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
}
.dubaiuae2,
.front-end-dev1,
.january-2023-august,
.shahnil1 {
  margin: 0;
  position: absolute;
  text-transform: capitalize;
  font-weight: 200;
  font-family: inherit;
}
.front-end-dev1 {
  top: 65.31rem;
  left: 36.69rem;
  font-size: 2rem;
}
.dubaiuae2,
.january-2023-august,
.shahnil1 {
  font-size: 1.25rem;
}
.dubaiuae2 {
  top: 67.81rem;
  left: 37.88rem;
  color: #6f7276;
}
.january-2023-august,
.shahnil1 {
  top: 111.19rem;
  left: 17rem;
}
.january-2023-august {
  top: 67.81rem;
  left: 45.75rem;
  color: #6f7276;
}
.image-13-icon1,
.image-14-icon1 {
  position: absolute;
  top: 67.81rem;
  left: 44.44rem;
  width: 1.44rem;
  height: 2.13rem;
  object-fit: cover;
}
.image-14-icon1 {
  left: 36.63rem;
}
.h11 {
  margin: 0;
  position: absolute;
  top: 65.63rem;
  left: 68.38rem;
  font-size: 1.25rem;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  width: 3.88rem;
  height: 1.69rem;
}
.image-151,
.image-161,
.image-17,
.image-18 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 64.75rem;
  left: 65.88rem;
  width: 3.44rem;
  height: 4.13rem;
  background-image: url(./public/image-15@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.image-161,
.image-17,
.image-18 {
  top: 65rem;
  left: 70.94rem;
  width: 4.5rem;
  height: 3.06rem;
  background-image: url(./public/image-16@2x.png);
}
.image-17,
.image-18 {
  top: 109.13rem;
  left: 32.81rem;
  width: 3.44rem;
  height: 4.13rem;
  background-image: url(./public/image-15@2x.png);
}
.image-18 {
  top: 108.81rem;
  left: 34.38rem;
  width: 5.56rem;
  height: 3.94rem;
  background-image: url(./public/image-18@2x.png);
}
.h12,
.h13 {
  margin: 0;
  position: absolute;
  top: 112.25rem;
  left: 38.75rem;
  font-size: 0.94rem;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
  display: inline-block;
  width: 3.88rem;
  height: 1.69rem;
}
.h13 {
  top: 112rem;
  left: 65.5rem;
}
.desktop-1-child4,
.desktop-1-child5,
.desktop-1-child6,
.rectangle-icon {
  position: absolute;
  top: 112rem;
  left: 78.06rem;
  width: 4.24rem;
  height: 0.44rem;
  object-fit: cover;
}
.desktop-1-child4,
.desktop-1-child5,
.desktop-1-child6 {
  left: 81.75rem;
  width: 1.88rem;
}
.desktop-1-child5,
.desktop-1-child6 {
  top: 112.5rem;
  left: 43.19rem;
  width: 18rem;
}
.desktop-1-child6 {
  left: 61.19rem;
  width: 4.56rem;
}
.image-19,
.image-20,
.image-21,
.image-22,
.image-23,
.image-24,
.image-25 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 108.44rem;
  left: 45.81rem;
  width: 3.31rem;
  height: 2.75rem;
  background-image: url(./public/image-19@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.image-20,
.image-21,
.image-22,
.image-23,
.image-24,
.image-25 {
  top: 108.81rem;
  left: 48.44rem;
  width: 2.25rem;
  height: 1.88rem;
  background-image: url(./public/image-20@2x.png);
}
.image-21,
.image-22,
.image-23,
.image-24,
.image-25 {
  top: 108.44rem;
  left: 50.69rem;
  width: 2.75rem;
  height: 2.75rem;
  background-image: url(./public/image-21@2x.png);
}
.image-22,
.image-23,
.image-24,
.image-25 {
  top: 108.63rem;
  left: 53.5rem;
  width: 2.19rem;
  height: 2.25rem;
  background-image: url(./public/image-22@2x.png);
}
.image-23,
.image-24,
.image-25 {
  top: 108.44rem;
  left: 55.69rem;
  width: 3.06rem;
  height: 2.44rem;
  background-image: url(./public/image-23@2x.png);
}
.image-24,
.image-25 {
  top: 111.13rem;
  left: 70.94rem;
  width: 1.69rem;
  height: 2.19rem;
  background-image: url(./public/image24@3x.png);
}
.image-25 {
  top: 111.44rem;
  left: 72.81rem;
  width: 2.56rem;
  height: 1.63rem;
  background-image: url(./public/image25@3x.png);
}
.image-26-icon {
  position: absolute;
  top: 111rem;
  left: 75.31rem;
  width: 2.19rem;
  height: 2.25rem;
  object-fit: cover;
}
.image-27 {
  cursor: pointer;
  border: 0;
  padding: 0;
  background-color: transparent;
  position: absolute;
  top: 110.81rem;
  left: 83.31rem;
  width: 2.13rem;
  height: 2.94rem;
  background-image: url(./public/image27@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.image-2-icon {
  position: absolute;
  top: 60.38rem;
  left: -22.75rem;
  border-radius: 199px;
  width: 7.06rem;
  height: 9.06rem;
  object-fit: cover;
  mix-blend-mode: normal;
}
.dropdown-arrow2-256-1-icon {
  position: absolute;
  top: 15.25rem;
  left: -25.69rem;
  width: 12.88rem;
  height: 11.56rem;
  object-fit: cover;
}
.desktop-1-child7 {
  position: absolute;
  top: 60.38rem;
  left: 123.5rem;
  box-shadow: 54px 4px 250px 462px rgba(84, 84, 78, 0.25) inset;
  border: 1px solid #000;
  box-sizing: border-box;
  width: 94.81rem;
  height: 68.81rem;
}
.achievements {
  margin: 0;
  position: absolute;
  top: 90.06rem;
  left: 57.44rem;
  font-size: 1.5rem;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
}
.desktop-1-child8 {
  position: absolute;
  top: 88rem;
  left: 54.63rem;
  border-radius: 56px;
  box-shadow: 0 4px 97px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 8px solid #54544e;
  box-sizing: border-box;
  width: 26.44rem;
  height: 15.38rem;
}
.image-13-icon2 {
  position: absolute;
  top: 93.94rem;
  left: 56.63rem;
  width: 1.31rem;
  height: 1.13rem;
  object-fit: cover;
}
.improved-website-loading {
  top: 93.88rem;
  left: 57.88rem;
  font-size: 1rem;
  text-align: left;
  display: inline-block;
  width: 21.94rem;
  height: 5.81rem;
}
.academic-projects,
.improved-website-loading,
.the-legend-lives {
  margin: 0;
  position: absolute;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
}
.the-legend-lives {
  top: 109.63rem;
  left: 16.88rem;
  font-size: 1rem;
  text-align: left;
}
.academic-projects {
  top: 90.5rem;
  left: 30.38rem;
  font-size: 1.5rem;
}
.desktop-1-child9 {
  position: absolute;
  top: 88.44rem;
  left: 27.75rem;
  border-radius: 56px;
  box-shadow: 0 4px 97px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.25);
  border: 8px solid #54544e;
  box-sizing: border-box;
  width: 26.44rem;
  height: 15.38rem;
}
.image-13-icon3 {
  position: absolute;
  top: 94.38rem;
  left: 29.75rem;
  width: 1.31rem;
  height: 1.13rem;
  object-fit: cover;
}
.designed-a-weather {
  margin: 0;
  position: absolute;
  top: 94.31rem;
  left: 31rem;
  font-size: 1rem;
  text-transform: capitalize;
  font-weight: 600;
  font-family: inherit;
  text-align: left;
  display: inline-block;
  width: 21.94rem;
  height: 5.81rem;
}
.desktop-1 {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 116.06rem;
  overflow: hidden;
  max-width: 137.5rem;
  max-height: 125rem;
  text-align: center;
  font-size: 1.38rem;
  color: #e8e8e8;
  font-family: Outfit;
}