/*
  Note: These are temporary previews of the images. 
  They're active for 10-15 days only. You should replace them with the actual images before using the code in production.
*/
:root {
  --image-0: url(./graphics/graphics0.png);
  --image-1: url(./graphics/graphics1.png);
  --image-2: url(./graphics/graphics2.png);
  --image-3: url(./graphics/graphics3.png);
  --image-4: url(./graphics/graphics4.png);
  --image-5: url(./graphics/graphics5.png);
  --image-6: url(./graphics/graphics6.png);
  --image-7: url(./graphics/graphics7.png);
  --image-8: url(./graphics/graphics8.png);
  --image-9: url(./graphics/graphics9.png);
  --custom-width: 100vw;
  --design-width: 1920;
  --ratio: calc(var(--custom-width) / var(--design-width));
}

/* Default classes */
.pos-abs {
  position: absolute;
}

.fill-parent {
  width: 100%;
  height: 100%;
}

.bg-contain {
  background-size: contain;
}

.bg-cover {
  background-size: cover;
}

.bg-auto {
  background-size: auto;
}

.bg-crop {
  background-size: 100% 100%;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.pos-init {
  top: 0px;
  left: 0px;
}

.image-div {
  background-color: transparent;
  background-position: center;
}

/* Default classes END */
body {
  margin: 0px 0px;
  padding: 0px;
}

.parent-div {
  position: relative;
  width: var(--custom-width);
  height: calc(3909.60498046875 * var(--ratio));
  overflow: hidden;
  margin: auto;
  padding: 0px;
  box-sizing: border-box;
}

.desktop--1-22 {
  background: #000000ff;
  height: 100%;
  left: 0%;
  opacity: 1;
  overflow: hidden;
  top: 0%;
  transform: rotate(0deg);
  width: 100%;
  z-index: 1;
}

.frame-1-36 {
  background: linear-gradient(90.08deg, #ff6348ff 0%, #ffa502ff 100%);
  border-radius: 0px 0px 20px 20px;
  height: 1.87%;
  left: 0.52%;
  opacity: 1;
  top: 0.26%;
  transform: rotate(0deg);
  width: 98.96%;
  z-index: 0;
}

.home-614 {
  height: 72.6%;
  left: 27.53%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 13.7%;
  transform: rotate(0deg);
  width: 5.58%;
  z-index: 0;
}

.home-614-0,
.about-me-716-0,
.skills-717-0,
.experience-718-0,
.socials-726-0 {
  font-family: Poppins;

  line-height: calc(35 * var(--ratio));

  text-decoration: none;

  font-size: calc(34 * var(--ratio));
  color: #ffffffff;
  font-weight: 600;
  text-transform: none;
  white-space: pre-wrap;
}

.about-me-716 {
  height: 72.6%;
  left: 35.21%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 13.7%;
  transform: rotate(0deg);
  width: 9.21%;
  z-index: 1;
}

.skills-717 {
  height: 72.6%;
  left: 46.53%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 13.7%;
  transform: rotate(0deg);
  width: 4.79%;
  z-index: 2;
}

.experience-718 {
  height: 72.6%;
  left: 53.42%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 13.7%;
  transform: rotate(0deg);
  width: 10.26%;
  z-index: 3;
}

.socials-726 {
  height: 72.6%;
  left: 65.79%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 13.7%;
  transform: rotate(0deg);
  width: 6.68%;
  z-index: 4;
}

.nodeBg-37,
.nodeBg-728 {
  object-fit: cover;
  opacity: 0.05000000074505806;
}

.frame-2-37 {
  background-image: url(./images/image0.png);
  border-radius: 20px 20px 20px 20px;
  height: 20.26%;
  left: 0.52%;
  opacity: 1;
  overflow: hidden;
  top: 2.38%;
  transform: rotate(180deg);
  width: 98.96%;
  z-index: 1;
}

.frame-3-68 {
  height: 65.66%;
  left: 63%;
  opacity: 1;
  overflow: hidden;
  top: 17.17%;
  transform: rotate(180deg);
  width: 27.37%;
  z-index: 1;
}

.nodeBg-610 {
  object-fit: cover;
  opacity: 1;
}

.ellipse-1-610 {
  border-radius: 50%;
  height: 96.15%;
  left: 1.92%;
  opacity: 1;
  overflow: hidden;
  top: 1.92%;
  transform: rotate(0deg);
  width: 96.15%;
  z-index: 0;
}

.frame-4-69 {
  height: 31.06%;
  left: 9.63%;
  opacity: 1;
  overflow: hidden;
  top: 34.47%;
  transform: rotate(180deg);
  width: 52.84%;
  z-index: 0;
}

.bhumit-chaudhry-611 {
  height: 32.52%;
  left: 1%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 4.07%;
  transform: rotate(0deg);
  width: 98.01%;
  z-index: 0;
}

.bhumit-chaudhry-611-0 {
  font-family: Poppins;

  line-height: calc(80.39999604225159 * var(--ratio));

  text-decoration: none;

  font-size: calc(99 * var(--ratio));
  color: #ffffffff;
  font-weight: 600;
  text-transform: none;
  white-space: pre-wrap;
}

.software-develo-733 {
  height: 21.54%;
  left: 1%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 40.65%;
  transform: rotate(0deg);
  width: 98.01%;
  z-index: 1;
}

.software-develo-733-0 {
  font-family: Poppins;

  line-height: calc(35 * var(--ratio));

  text-decoration: none;

  font-size: calc(34 * var(--ratio));
  color: #ffffff99;
  font-weight: 400;
  text-transform: none;
  white-space: pre-wrap;
}

.frame-7-115 {
  background: #5352edff;
  border-radius: 10px 10px 10px 10px;
  height: 29.67%;
  left: 32.67%;
  opacity: 1;
  overflow: hidden;
  top: 66.26%;
  transform: rotate(0deg);
  width: 34.66%;
  z-index: 2;
}

.download-resume-116 {
  height: 72.6%;
  left: 2.87%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 13.7%;
  transform: rotate(0deg);
  width: 94.25%;
  z-index: 0;
}

.download-resume-116-0,
.i-am-bhumit-cha-730-0,
.throughout-my-i-176-0,
.i-thrive-in-cha-178-0 {
  font-family: Poppins;

  line-height: calc(35 * var(--ratio));

  text-decoration: none;

  font-size: calc(34 * var(--ratio));
  color: #ffffffff;
  font-weight: 400;
  text-transform: none;
  white-space: pre-wrap;
}

.frame-5-728 {
  background-image: url(./images/image2.png);
  border-radius: 20px 20px 20px 20px;
  height: 25.55%;
  left: 0.52%;
  opacity: 1;
  overflow: hidden;
  top: 22.89%;
  transform: rotate(0deg);
  width: 98.96%;
  z-index: 2;
}

.about-me-729 {
  height: 15.02%;
  left: 2.11%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 5.01%;
  transform: rotate(0deg);
  width: 95.79%;
  z-index: 0;
}

.about-me-729-0,
.experience-1711-0,
.socials-1728-0 {
  font-family: Poppins;

  line-height: calc(100 * var(--ratio));

  text-decoration: none;

  font-size: calc(99 * var(--ratio));
  color: #ffa502ff;
  font-weight: 600;
  text-transform: none;
  white-space: pre-wrap;
}

.i-am-bhumit-cha-730 {
  height: 26.53%;
  left: 2.11%;
  line-height: 0px;
  opacity: 1;
  text-align: justify;
  top: 22.02%;
  transform: rotate(0deg);
  width: 95.79%;
  z-index: 1;
}

.throughout-my-i-176 {
  height: 26.53%;
  left: 2.11%;
  line-height: 0px;
  opacity: 1;
  text-align: justify;
  top: 50.55%;
  transform: rotate(0deg);
  width: 95.79%;
  z-index: 2;
}

.i-thrive-in-cha-178 {
  height: 15.92%;
  left: 2.11%;
  line-height: 0px;
  opacity: 1;
  text-align: justify;
  top: 79.08%;
  transform: rotate(0deg);
  width: 95.79%;
  z-index: 3;
}

.nodeBg-82 {
  object-fit: cover;
  opacity: 0.10000000149011612;
}

.frame-6-82 {
  background-image: url(./images/image3.png);
  border-radius: 20px 20px 20px 20px;
  height: 24.55%;
  left: 0.52%;
  opacity: 1;
  overflow: hidden;
  top: 48.7%;
  transform: rotate(0deg);
  width: 98.96%;
  z-index: 3;
}

.skills-83 {
  height: 15.63%;
  left: 2.11%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 1.56%;
  transform: rotate(0deg);
  width: 95.79%;
  z-index: 0;
}

.skills-83-0 {
  font-family: Poppins;

  line-height: calc(100 * var(--ratio));

  text-decoration: none;

  font-size: calc(99 * var(--ratio));
  color: #ffffffff;
  font-weight: 600;
  text-transform: none;
  white-space: pre-wrap;
}

.programming-16112 {
  height: 7.81%;
  left: 40.61%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 18.23%;
  transform: rotate(0deg);
  width: 18.79%;
  z-index: 1;
}

.programming-16112-0,
.web-development-16122-0,
.graphic-design-16130-0,
.ui--ux-design-16134-0 {
  font-family: Poppins;

  line-height: calc(50 * var(--ratio));

  text-decoration: none;

  font-size: calc(49 * var(--ratio));
  color: #ffffff99;
  font-weight: 600;
  text-transform: none;
  white-space: pre-wrap;
}

.frame-8-16104 {
  background: #0000001a;
  border-radius: 100px 100px 100px 100px;
  height: 10.42%;
  left: 0.53%;
  opacity: 1;
  overflow: hidden;
  top: 27.08%;
  transform: rotate(0deg);
  width: 98.95%;
  z-index: 2;
}

.rectangle-1-16113 {
  background: #ffffffff;
  border-radius: 100px 100px 100px 100px;
  height: 80%;
  left: 0.53%;
  opacity: 1;
  top: 10%;
  transform: rotate(0deg);
  width: 84.1%;
  z-index: 0;
}

.web-development-16122 {
  height: 7.81%;
  left: 37.61%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 38.54%;
  transform: rotate(0deg);
  width: 24.79%;
  z-index: 3;
}

.frame-9-16123 {
  background: #0000001a;
  border-radius: 100px 100px 100px 100px;
  height: 10.42%;
  left: 0.53%;
  opacity: 1;
  overflow: hidden;
  top: 47.4%;
  transform: rotate(0deg);
  width: 98.95%;
  z-index: 4;
}

.rectangle-1-16124 {
  background: #ffffffff;
  border-radius: 100px 100px 100px 100px;
  height: 80%;
  left: 0.53%;
  opacity: 1;
  top: 10%;
  transform: rotate(0deg);
  width: 79.15%;
  z-index: 0;
}

.graphic-design-16130 {
  height: 7.81%;
  left: 39.71%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 58.85%;
  transform: rotate(0deg);
  width: 20.58%;
  z-index: 5;
}

.frame-10-16131 {
  background: #0000001a;
  border-radius: 100px 100px 100px 100px;
  height: 10.42%;
  left: 0.53%;
  opacity: 1;
  overflow: hidden;
  top: 67.71%;
  transform: rotate(0deg);
  width: 98.95%;
  z-index: 6;
}

.rectangle-1-16132 {
  background: #ffffffff;
  border-radius: 100px 100px 100px 100px;
  height: 80%;
  left: 0.53%;
  opacity: 1;
  top: 10%;
  transform: rotate(0deg);
  width: 93.99%;
  z-index: 0;
}

.ui--ux-design-16134 {
  height: 7.81%;
  left: 40.71%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 79.17%;
  transform: rotate(0deg);
  width: 18.58%;
  z-index: 7;
}

.frame-11-16135 {
  background: #0000001a;
  border-radius: 100px 100px 100px 100px;
  height: 10.42%;
  left: 0.53%;
  opacity: 1;
  overflow: hidden;
  top: 88.02%;
  transform: rotate(0deg);
  width: 98.95%;
  z-index: 8;
}

.rectangle-1-16136 {
  background: #ffffffff;
  border-radius: 100px 100px 100px 100px;
  height: 80%;
  left: 0.53%;
  opacity: 1;
  top: 10%;
  transform: rotate(0deg);
  width: 89.04%;
  z-index: 0;
}

.frame-12-1710 {
  background: #ffffff1a;
  border-radius: 20px 20px 20px 20px;
  height: 12.02%;
  left: 0.52%;
  opacity: 1;
  overflow: hidden;
  top: 73.51%;
  transform: rotate(0deg);
  width: 98.96%;
  z-index: 4;
}

.experience-1711 {
  height: 31.91%;
  left: 2.11%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 4.26%;
  transform: rotate(0deg);
  width: 95.79%;
  z-index: 0;
}

.frame-13-1713 {
  height: 57.45%;
  left: 19.21%;
  opacity: 1;
  overflow: hidden;
  top: 38.3%;
  transform: rotate(0deg);
  width: 61.58%;
  z-index: 1;
}

.frame-19-1724 {
  height: 92.59%;
  left: 0.85%;
  opacity: 1;
  top: 3.7%;
  transform: rotate(0deg);
  width: 98.29%;
  z-index: 0;
}

.frame-14-1715 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  left: 0%;
  opacity: 1;
  overflow: hidden;
  top: 0%;
  transform: rotate(0deg);
  width: 21.74%;
  z-index: 0;
}

.nodeBg-17107 {
  background-image: var(--image-0);
  opacity: 1;
}

.c-5-17107 {
  height: 29.24%;
  left: 26.87%;
  opacity: 1;
  overflow: hidden;
  top: 24.38%;
  transform: rotate(0deg);
  width: 46.26%;
  z-index: 0;
}

.internships-17111 {
  height: 18%;
  left: 15.6%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 57.62%;
  transform: rotate(0deg);
  width: 68.8%;
  z-index: 1;
}

.internships-17111-0,
.projects-17113-0,
.competitions-17115-0,
.languages-17117-0 {
  font-family: Poppins;

  line-height: calc(30 * var(--ratio));

  text-decoration: none;

  font-size: calc(29 * var(--ratio));
  color: #ffffff99;
  font-weight: 600;
  text-transform: none;
  white-space: pre-wrap;
}

.frame-15-1716 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  left: 26.09%;
  opacity: 1;
  overflow: hidden;
  top: 0%;
  transform: rotate(0deg);
  width: 21.74%;
  z-index: 1;
}

.nodeBg-17108 {
  background-image: var(--image-1);
  opacity: 1;
}

.c-10-17108 {
  height: 29.72%;
  left: 18.7%;
  opacity: 1;
  overflow: hidden;
  top: 24.14%;
  transform: rotate(0deg);
  width: 62.59%;
  z-index: 0;
}

.projects-17113 {
  height: 18%;
  left: 25.4%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 57.86%;
  transform: rotate(0deg);
  width: 49.2%;
  z-index: 1;
}

.frame-16-1718 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  left: 52.17%;
  opacity: 1;
  overflow: hidden;
  top: 0%;
  transform: rotate(0deg);
  width: 21.74%;
  z-index: 2;
}

.nodeBg-17109 {
  background-image: var(--image-2);
  opacity: 1;
}

.c-50-17109 {
  height: 29.72%;
  left: 13.94%;
  opacity: 1;
  overflow: hidden;
  top: 24.14%;
  transform: rotate(0deg);
  width: 72.12%;
  z-index: 0;
}

.competitions-17115 {
  height: 18%;
  left: 8.4%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 57.86%;
  transform: rotate(0deg);
  width: 83.2%;
  z-index: 1;
}

.frame-17-1720 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 100%;
  left: 78.26%;
  opacity: 1;
  overflow: hidden;
  top: 0%;
  transform: rotate(0deg);
  width: 21.74%;
  z-index: 3;
}

.nodeBg-17110 {
  background-image: var(--image-3);
  opacity: 1;
}

.c-15-17110 {
  height: 29.24%;
  left: 18.76%;
  opacity: 1;
  overflow: hidden;
  top: 24.38%;
  transform: rotate(0deg);
  width: 62.47%;
  z-index: 0;
}

.languages-17117 {
  height: 18%;
  left: 16%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 57.62%;
  transform: rotate(0deg);
  width: 68%;
  z-index: 1;
}

.frame-20-1727 {
  background: #ffffff1a;
  border-radius: 20px 20px 20px 20px;
  height: 12.04%;
  left: 0.52%;
  opacity: 1;
  overflow: hidden;
  top: 85.79%;
  transform: rotate(0deg);
  width: 98.96%;
  z-index: 5;
}

.socials-1728 {
  height: 31.87%;
  left: 2.11%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 2.12%;
  transform: rotate(0deg);
  width: 95.79%;
  z-index: 0;
}

.frame-21-1730 {
  border-radius: 10px 10px 10px 10px;
  height: 29.88%;
  left: 0.53%;
  opacity: 1;
  overflow: hidden;
  top: 36.12%;
  transform: rotate(0deg);
  width: 98.95%;
  z-index: 1;
}

.frame-24-1734 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.78%;
  left: 50.27%;
  opacity: 1;
  overflow: hidden;
  top: 7.11%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 2;
}

.nodeBg-1789 {
  background-image: var(--image-4);
  opacity: 1;
}

.vector-1789 {
  height: 83.42%;
  left: 8.33%;
  opacity: 1;
  overflow: hidden;
  top: 8.29%;
  transform: rotate(0deg);
  width: 83.33%;
  z-index: 0;
}

.frame-22-1731 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.35%;
  left: 36.44%;
  opacity: 1;
  overflow: hidden;
  top: 7.33%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 0;
}

.nodeBg-1753 {
  background-image: var(--image-5);
  opacity: 1;
}

.vector-1753,
.subtract-1775,
.vector-1793,
.vector-1773,
.subtract-1798,
.vector-1785 {
  height: 83.33%;
  left: 8.33%;
  opacity: 1;
  overflow: hidden;
  top: 8.33%;
  transform: rotate(0deg);
  width: 83.33%;
  z-index: 0;
}

.frame-23-1732 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.35%;
  left: 43.35%;
  opacity: 1;
  overflow: hidden;
  top: 7.33%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 1;
}

.frame-25-1736 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.35%;
  left: 57.18%;
  opacity: 1;
  overflow: hidden;
  top: 7.33%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 3;
}

.nodeBg-1793 {
  background-image: var(--image-6);
  opacity: 1;
}

.frame-22-1744 {
  border-radius: 10px 10px 10px 10px;
  height: 29.75%;
  left: 0.53%;
  opacity: 1;
  overflow: hidden;
  top: 68.13%;
  transform: rotate(0deg);
  width: 98.95%;
  z-index: 2;
}

.frame-22-1745 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.71%;
  left: 36.44%;
  opacity: 1;
  overflow: hidden;
  top: 7.14%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 0;
}

.nodeBg-1773 {
  background-image: var(--image-7);
  opacity: 1;
}

.frame-23-1746 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.71%;
  left: 43.35%;
  opacity: 1;
  overflow: hidden;
  top: 7.14%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 1;
}

.group-1766 {
  height: 83.33%;
  left: 8.33%;
  opacity: 1;
  top: 8.33%;
  transform: rotate(0deg);
  width: 83.33%;
  z-index: 0;
}

.group-1767 {
  height: 100%;
  left: 0%;
  opacity: 1;
  top: 0%;
  transform: rotate(0deg);
  width: 100%;
  z-index: 0;
}

.subtract-1774 {
  height: 100%;
  left: 0%;
  opacity: 1;
  overflow: hidden;
  top: 0%;
  transform: rotate(0deg);
  width: 100%;
  z-index: 0;
}

.frame-24-1747 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.71%;
  left: 50.27%;
  opacity: 1;
  overflow: hidden;
  top: 7.14%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 2;
}

.nodeBg-1798 {
  background-image: var(--image-8);
  opacity: 1;
}

.frame-25-1748 {
  background: #ffffff1a;
  border-radius: 10px 10px 10px 10px;
  height: 85.71%;
  left: 57.18%;
  opacity: 1;
  overflow: hidden;
  top: 7.14%;
  transform: rotate(0deg);
  width: 6.38%;
  z-index: 3;
}

.nodeBg-1785 {
  background-image: var(--image-9);
  opacity: 1;
}

.frame-26-1799 {
  background: #ffffff0d;
  border-radius: 20px 20px 0px 0px;
  height: 1.66%;
  left: 0.52%;
  opacity: 1;
  overflow: hidden;
  top: 98.08%;
  transform: rotate(0deg);
  width: 98.96%;
  z-index: 6;
}

.bhumit-chaudhry-17120 {
  height: 69.23%;
  left: 40.21%;
  line-height: 0px;
  opacity: 1;
  text-align: center;
  top: 15.38%;
  transform: rotate(0deg);
  width: 19.58%;
  z-index: 0;
}

.bhumit-chaudhry-17120-0 {
  font-family: Poppins;

  line-height: calc(30 * var(--ratio));

  text-decoration: none;

  font-size: calc(29 * var(--ratio));
  color: #ffffffcc;
  font-weight: 300;
  text-transform: none;
  white-space: pre-wrap;
}