.feature-card1-feature-card {
  width: var(--dl-size-size-xxlarge);
  margin: var(--dl-space-space-halfunit);
  display: flex;
  padding: var(--dl-space-space-unit);
  max-width: var(--dl-size-size-maxwidth);
  box-shadow: 5px 5px 10px 0px rgba(18, 18, 18, 0.1);
  transition: 0.3s;
  align-items: center;
  border-color: var(--dl-color-primary-700);
  border-width: 1px;
  border-radius: 16px;
  flex-direction: column;
  padding-bottom: 16px;
  justify-content: center;
}
.feature-card1-feature-card:hover {
  transform: scale(1.02);
  background-color: rgba(123, 74, 226, 0.52);
}
.feature-card1-image {
  width: auto;
  height: var(--dl-size-size-medium);
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius4);
}
.feature-card1-text {
  color: var(--dl-color-gray-white);
  margin-top: var(--dl-space-space-unit);
  margin-bottom: var(--dl-space-space-unit);
}
.feature-card1-text1 {
  color: var(--dl-color-gray-white);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: var(--dl-space-space-twounits);
}




.feature-carddown-container {
  flex: 0 0 auto;
  width: var(--dl-size-size-xlarge);
  height: var(--dl-size-size-medium);
  display: flex;
  position: relative;
  transition: 0.3s;
  align-items: center;
  margin-right: var(--dl-space-space-twounits);
  flex-direction: column;
  justify-content: center;
}
.feature-carddown-container:hover {
  transform: scale(1.02);
}
.feature-carddown-text {
  color: var(--dl-color-primary-700);
  font-size: 32px;
  font-style: normal;
  transition: 0.3s;
  font-weight: 500;
}
.feature-carddown-text:hover {
  color: var(--dl-color-gray-white);
}
.feature-carddown-text1 {
  color: var(--dl-color-primary-700);
  font-size: 16px;
  transition: 0.3s;
}
.feature-carddown-text1:hover {
  color: var(--dl-color-gray-white);
}



@media(max-width: 479px) {
  .feature-carddown-root-class-name {
    margin-right: 0px;
  }
  .feature-carddown-root-class-name1 {
    margin-right: 0px;
  }
  .feature-carddown-root-class-name2 {
    margin-right: 0px;
  }
}

.projectcard-feature-card {
  width: 360px;
  height: 460px;
  display: flex;
  padding: var(--dl-space-space-unit);
  max-width: var(--dl-size-size-maxwidth);
  box-shadow: 5px 5px 10px 0px rgba(18, 18, 18, 0.1);
  transition: 0.3s;
  align-items: center;
  border-color: var(--dl-color-primary-700);
  border-width: 1px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
}
.projectcard-feature-card:hover {
  transform: scale(1.02);
}
.projectcard-text {
  color: var(--dl-color-gray-white);
  font-size: 20px;
  align-self: flex-start;
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  font-weight: 600;
  margin-bottom: var(--dl-space-space-unit);
}
.projectcard-text1 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.projectcard-container {
  margin: var(--dl-space-space-halfunit);
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.projectcard-text2 {
  color: var(--dl-color-primary-700);
  padding: var(--dl-space-space-halfunit);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-right: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius8);
  background-color: rgba(123, 74, 226, 0.1);
}
.projectcard-text3 {
  color: var(--dl-color-primary-700);
  padding: var(--dl-space-space-halfunit);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-left: var(--dl-space-space-halfunit);
  border-radius: var(--dl-radius-radius-radius8);
  background-color: rgba(123, 74, 226, 0.1);
}
.projectcard-image {
  flex: initial;
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: var(--dl-radius-radius-radius8);
}
.projectcard-root-class-name {
  width: 360px;
}







@media(max-width: 479px) {
  .projectcard-feature-card {
    width: auto;
    align-items: center;
    justify-content: center;
  }
  .projectcard-root-class-name1 {
    width: auto;
  }
}

.career-feature-card {
  width: 500px;
  height: 220px;
  display: flex;
  padding: var(--dl-space-space-unit);
  position: relative;
  transition: 0.3s;
  align-items: flex-start;
  border-color: var(--dl-color-primary-700);
  border-width: 1px;
  border-radius: 16px;
  flex-direction: row;
  padding-bottom: 16px;
  justify-content: flex-start;
}
.career-feature-card:hover {
  transform: scale(1.02);
}
.career-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
}
.career-container1 {
  height: 176px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.career-text {
  color: var(--dl-color-gray-white);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: var(--dl-space-space-unit);
}
.career-text1 {
  color: var(--dl-color-gray-white);
  opacity: 0.5;
  font-size: 16px;
}
.career-container2 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.career-text2 {
  color: var(--dl-color-primary-700);
  width: var(--dl-size-size-xxlarge);
  font-size: 18px;
  align-self: flex-end;
  font-style: normal;
  font-weight: 600;
}
.career-text3 {
  color: var(--dl-color-primary-700);
  width: auto;
  font-size: 18px;
  align-self: flex-end;
  font-style: normal;
  font-weight: 600;
}







@media(max-width: 991px) {
  .career-feature-card {
    width: auto;
  }
}
@media(max-width: 767px) {
  .career-feature-card {
    flex-direction: row;
  }
  .career-container1 {
    flex-direction: column;
  }
}
@media(max-width: 479px) {
  .career-feature-card {
    width: 320px;
  }
  .career-container {
    width: auto;
  }
  .career-container1 {
    flex-direction: column;
  }
  .career-text {
    font-size-adjust: auto;
  }
  .career-text1 {
    width: auto;
  }
  .career-container2 {
    width: auto;
  }
  .career-text2 {
    width: var(--dl-size-size-medium);
  }
  .career-text3 {
    width: var(--dl-size-size-xlarge);
    text-align: right;
  }
  .career-root-class-name3 {
    width: auto;
  }
}

.home-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #090E16;
}
.home-top-hero {
  width: 100%;
  height: 730px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-top-left {
  flex: 0 0 auto;
  width: 348px;
  height: 590px;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  justify-content: center;
}
.home-text {
  color: var(--dl-color-primary-700);
  padding: var(--dl-space-space-unit);
  margin-top: var(--dl-space-space-halfunit);
  border-radius: 16px;
  margin-bottom: var(--dl-space-space-halfunit);
  background-color: rgba(123, 74, 226, 0.3);
}
.home-text02 {
  font-style: normal;
  font-weight: 600;
}
.home-text04 {
  color: #ffffff;
  font-size: 52px;
  font-style: normal;
  margin-top: var(--dl-space-space-halfunit);
  font-weight: 600;
  margin-bottom: var(--dl-space-space-halfunit);
}
.home-social-medias {
  width: 131px;
  height: 34px;
  display: flex;
  position: relative;
  margin-top: var(--dl-space-space-halfunit);
  align-items: flex-start;
  flex-shrink: 1;
  margin-bottom: var(--dl-space-space-halfunit);
}
.home-link {
  display: contents;
}
.home-linkedinsvg {
  top: 0px;
  left: 0px;
  width: 32px;
  height: 32px;
  position: absolute;
  transition: 0.3s;
  text-decoration: none;
}
.home-linkedinsvg:hover {
  transform: scale(1.22);
}
.home-link01 {
  display: contents;
}
.home-githubsvg {
  top: 0.333343505859375px;
  left: 48.3333740234375px;
  width: 32.80940246582031px;
  height: 32px;
  display: flex;
  position: absolute;
  transition: 0.3s;
  align-items: flex-start;
  flex-shrink: 1;
  text-decoration: none;
}
.home-githubsvg:hover {
  transform: scale(1.22);
}
.home-github {
  top: 0px;
  left: 0px;
  width: 32.80940246582031px;
  height: 32px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-shape {
  top: 0px;
  left: 0px;
  width: 33px;
  height: 32px;
  position: absolute;
}
.home-behancesvg {
  top: 2px;
  left: 99px;
  width: 31.999996185302734px;
  height: 32px;
  display: flex;
  position: absolute;
  transition: 0.3s;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-behancesvg:hover {
  transform: scale(1.22);
}
.home-vector {
  top: 14.700658798217773px;
  left: 17.809375762939453px;
  width: 3px;
  height: 2px;
  position: absolute;
}
.home-vector1 {
  top: 16.47998046875px;
  left: 9.016016006469727px;
  width: 4px;
  height: 3px;
  position: absolute;
}
.home-vector2 {
  top: 12.271997451782227px;
  left: 9.016016006469727px;
  width: 3px;
  height: 3px;
  position: absolute;
}
.home-vector3 {
  top: 0px;
  left: 0px;
  width: 32px;
  height: 32px;
  position: absolute;
}
.home-text08 {
  color: var(--dl-color-gray-white);
  opacity: 0.5;
  font-size: 20px;
  margin-top: var(--dl-space-space-halfunit);
  margin-bottom: var(--dl-space-space-halfunit);
}
.home-top-middle {
  flex: 0 0 auto;
  width: 444px;
  height: 590px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-image {
  width: 446px;
  height: 417px;
  object-fit: cover;
}
.home-top-right {
  flex: 0 0 auto;
  width: 305px;
  height: 590px;
  display: flex;
  align-items: flex-end;
  padding-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: column;
  justify-content: center;
}
.home-link02 {
  display: contents;
}
.home-container1 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  transition: 0.3s;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
}
.home-container1:hover {
  transform: scale(1.12);
}
.home-text09 {
  color: var(--dl-color-primary-700);
  font-size: 16px;
}
.home-icon {
  fill: var(--dl-color-primary-700);
  width: 16px;
  height: 16px;
  margin-left: var(--dl-space-space-halfunit);
}
.home-link03 {
  display: contents;
}
.home-container2 {
  width: auto;
  height: 42px;
  display: flex;
  padding: var(--dl-space-space-halfunit);
  flex-wrap: wrap;
  margin-top: var(--dl-space-space-unit);
  transition: 0.3s;
  align-items: flex-start;
  border-color: var(--dl-color-primary-700);
  border-width: 1px;
  border-radius: 16px;
  justify-content: flex-start;
  text-decoration: none;
}
.home-container2:hover {
  transform: scale(1.12);
}
.home-icon02 {
  fill: var(--dl-color-primary-700);
  width: 16px;
  height: 16px;
  align-self: center;
}
.home-text10 {
  color: var(--dl-color-primary-700);
  font-size: 16px;
  align-self: center;
  padding-left: var(--dl-space-space-halfunit);
}
.home-features {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  max-width: var(--dl-size-size-maxwidth);
  align-self: center;
  flex-direction: column;
}
.home-feature-card {
  width: 947px;
  height: 666px;
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  align-items: flex-start;
  justify-content: center;
}
.home-feature-card-down {
  flex: 0 0 auto;
  width: 887px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  background-color: rgba(123, 74, 226, 0.15);
}
.home-about-me {
  width: 100%;
  height: 755px;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  min-height: 80vh;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.home-image1 {
  width: 400px;
  object-fit: cover;
}
.home-container3 {
  width: 50%;
  display: flex;
  margin-right: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: column;
}
.home-text11 {
  color: var(--dl-color-primary-700);
  width: var(--dl-size-size-xlarge);
  padding: var(--dl-space-space-unit);
  margin-top: var(--dl-space-space-halfunit);
  border-radius: 16px;
  margin-bottom: var(--dl-space-space-halfunit);
  background-color: rgba(123, 74, 226, 0.3);
}
.home-text12 {
  color: var(--dl-color-gray-white);
  font-size: 46px;
  max-width: 450px;
  font-style: normal;
  font-weight: 600;
}
.home-text13 {
  margin-top: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-twounits);
}
.home-text14 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
}
.home-text15 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text16 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text17 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
}
.home-text18 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text19 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text20 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
}
.home-text21 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
}
.home-text22 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text23 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text24 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
}
.home-text25 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text26 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
.home-text27 {
  color: var(--dl-color-gray-white);
  font-size: 16px;
}
.home-project-and-work {
  width: 100%;
  height: 1818px;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  flex-direction: column;
}
.home-text30 {
  color: var(--dl-color-gray-white);
  width: 594px;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  margin-bottom: var(--dl-space-space-threeunits);
}
.home-container4 {
  width: 1185px;
  height: 1517px;
  display: grid;
  grid-gap: var(--dl-space-space-twounits);
  align-self: center;
  align-items: flex-start;
  grid-template-columns: 1fr 1fr 1fr;
}
.home-component06 {
  text-decoration: none;
}
.home-component07 {
  text-decoration: none;
}
.home-component08 {
  text-decoration: none;
}
.home-component09 {
  text-decoration: none;
}
.home-component10 {
  text-decoration: none;
}
.home-component12 {
  text-decoration: none;
}
.home-techs-skills {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  flex-direction: column;
}
.home-skills {
  width: auto;
  height: 583.0000610351562px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-start;
}
.home-portflio-title {
  width: 659px;
  height: 171px;
  display: flex;
  padding: var(--dl-space-space-oneandhalfunits);
  align-self: center;
  align-items: flex-start;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: flex-start;
}
.home-text31 {
  color: var(--dl-color-primary-700);
  width: auto;
  padding: var(--dl-space-space-unit);
  align-self: center;
  margin-top: var(--dl-space-space-halfunit);
  border-radius: 16px;
  margin-bottom: var(--dl-space-space-halfunit);
  background-color: rgba(123, 74, 226, 0.3);
}
.home-text32 {
  color: rgb(255, 255, 255);
  width: 663px;
  height: auto;
  font-size: 48px;
  align-self: center;
  font-style: ExtraBold;
  text-align: center;
  font-family: Raleway;
  font-weight: 800;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.home-work-techs {
  width: 921px;
  height: 198px;
  display: flex;
  position: relative;
  align-self: center;
  margin-top: var(--dl-space-space-fourunits);
  align-items: flex-end;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: center;
}
.home-text33 {
  color: rgba(255, 255, 255, 0.5);
  width: 529px;
  height: auto;
  font-size: 24px;
  align-self: center;
  font-style: Regular;
  text-align: center;
  font-family: Raleway;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  margin-bottom: 45px;
  text-decoration: none;
}
.home-tech {
  gap: var(--dl-space-space-twounits);
  width: auto;
  height: 68px;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
.home-reactsvg {
  width: 64px;
  height: 64px;
  align-self: center;
  transition: 0.3s;
}
.home-reactsvg:hover {
  transform: scale(1.12);
}
.home-javascriptsvg {
  width: 64px;
  height: 64px;
  align-self: center;
  transition: 0.3s;
}
.home-javascriptsvg:hover {
  transform: scale(1.12);
}
.home-type-scriptsvg {
  width: 64px;
  height: 64px;
  align-self: center;
  transition: 0.3s;
}
.home-type-scriptsvg:hover {
  transform: scale(1.12);
}
.home-html5svg {
  width: 64px;
  height: 64px;
  align-self: center;
  transition: 0.3s;
}
.home-html5svg:hover {
  transform: scale(1.12);
}
.home-group1svg {
  width: 56.43428039550781px;
  height: 64px;
  display: flex;
  align-self: center;
  transition: 0.3s;
  align-items: flex-start;
  flex-shrink: 1;
  margin-left: var(--dl-space-space-twounits);
}
.home-group1svg:hover {
  transform: scale(1.12);
}
.home-shape1 {
  width: 56px;
  height: 64px;
  display: flex;
  position: relative;
  align-self: center;
  align-items: center;
  background-size: cover;
  justify-content: flex-end;
  background-image: url("public/external/shape2131-aaee.svg");
  background-position: center;
}
.home-shape2 {
  width: 18px;
  height: 40px;
  margin-right: var(--dl-space-space-halfunit);
}
.home-figmasvg {
  width: 64px;
  height: 64px;
  align-self: center;
  transition: 0.3s;
}
.home-figmasvg:hover {
  transform: scale(1.12);
}
.home-githubsvg1 {
  width: 64px;
  height: 64px;
  align-self: center;
  transition: 0.3s;
}
.home-githubsvg1:hover {
  transform: scale(1.12);
}
.home-nextjssvg {
  width: 64px;
  height: 64px;
  align-self: center;
  transition: 0.3s;
}
.home-nextjssvg:hover {
  transform: scale(1.12);
}
.home-other-techs {
  width: 873px;
  height: 147.00003051757812px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
  flex-direction: column;
}
.home-text36 {
  color: rgba(255, 255, 255, 0.5);
  width: 529px;
  height: auto;
  font-size: 24px;
  align-self: center;
  font-style: Regular;
  text-align: center;
  font-family: Raleway;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  margin-bottom: 45px;
  text-decoration: none;
}
.home-projects-techs {
  gap: var(--dl-space-space-twounits);
  width: 873px;
  height: 64px;
  display: flex;
  align-self: center;
  align-items: center;
  flex-shrink: 1;
  justify-content: center;
}
.home-tailwind-c-ssvg {
  width: 64px;
  height: 64px;
  transition: 0.3s;
}
.home-tailwind-c-ssvg:hover {
  transform: scale(1.12);
}
.home-sasssvg {
  width: 56px;
  height: 64px;
  transition: 0.3s;
}
.home-sasssvg:hover {
  transform: scale(1.12);
}
.home-nodejssvg {
  width: 64px;
  height: 64px;
  transition: 0.3s;
}
.home-nodejssvg:hover {
  transform: scale(1.12);
}
.home-pythonsvg {
  width: 54px;
  height: 54px;
  transition: 0.3s;
}
.home-pythonsvg:hover {
  transform: scale(1.12);
}
.home-vuesvg {
  width: 64px;
  height: 64px;
  transition: 0.3s;
}
.home-vuesvg:hover {
  transform: scale(1.12);
}
.home-group26svg {
  width: 61.730838775634766px;
  height: 64px;
  display: flex;
  transition: 0.3s;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-group26svg:hover {
  transform: scale(1.12);
}
.home-shape3 {
  width: 4px;
  height: 2px;
}
.home-shape4 {
  width: 3px;
  height: 2px;
}
.home-shape5 {
  width: 62px;
  height: 64px;
}
.home-unionsvg {
  width: 65px;
  height: 64px;
  transition: 0.3s;
}
.home-unionsvg:hover {
  transform: scale(1.12);
}
.home-group27svg {
  width: 28.658151626586914px;
  height: 64px;
  display: flex;
  transition: 0.3s;
  align-items: flex-start;
  flex-shrink: 1;
}
.home-group27svg:hover {
  transform: scale(1.12);
}
.home-path {
  width: 4px;
  height: 16px;
}
.home-combined-shape {
  width: 29px;
  height: 56px;
}
.home-dockersvg {
  width: 64px;
  height: 64px;
  transition: 0.3s;
}
.home-dockersvg:hover {
  transform: scale(1.12);
}
.home-bitbucketsvg {
  width: 64px;
  height: 64px;
  transition: 0.3s;
}
.home-bitbucketsvg:hover {
  transform: scale(1.12);
}
.home-jobs {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  flex-direction: column;
}
.home-text39 {
  color: var(--dl-color-primary-700);
  width: auto;
  padding: var(--dl-space-space-unit);
  align-self: center;
  margin-top: var(--dl-space-space-halfunit);
  border-radius: 16px;
  margin-bottom: var(--dl-space-space-halfunit);
  background-color: rgba(123, 74, 226, 0.3);
}
.home-text42 {
  color: var(--dl-color-gray-white);
  font-size: 48px;
  align-self: center;
  font-style: normal;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-threeunits);
}
.home-container5 {
  width: 100%;
  display: grid;
  grid-gap: var(--dl-space-space-twounits);
  grid-template-columns: 1fr 1fr;
}
.home-education {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  flex-direction: column;
}
.home-text45 {
  color: var(--dl-color-primary-700);
  width: auto;
  padding: var(--dl-space-space-unit);
  align-self: center;
  margin-top: var(--dl-space-space-halfunit);
  border-radius: 16px;
  margin-bottom: var(--dl-space-space-halfunit);
  background-color: rgba(123, 74, 226, 0.3);
}
.home-text48 {
  color: var(--dl-color-gray-white);
  font-size: 48px;
  align-self: center;
  font-style: normal;
  font-weight: 700;
  margin-bottom: var(--dl-space-space-threeunits);
}
.home-container6 {
  width: 100%;
  display: grid;
  grid-gap: var(--dl-space-space-twounits);
  grid-template-columns: 1fr 1fr;
}
.home-contact {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.home-text51 {
  color: var(--dl-color-primary-700);
  width: auto;
  padding: var(--dl-space-space-unit);
  align-self: center;
  margin-top: var(--dl-space-space-oneandhalfunits);
  border-radius: 16px;
  margin-bottom: var(--dl-space-space-threeunits);
  background-color: rgba(123, 74, 226, 0.3);
}
.home-text54 {
  color: var(--dl-color-gray-white);
  font-size: 48px;
  font-style: normal;
  text-align: center;
  font-weight: 600;
}
.home-text55 {
  color: var(--dl-color-gray-white);
  max-width: var(--dl-size-size-maxwidth);
  margin-top: var(--dl-space-space-twounits);
  text-align: center;
  margin-bottom: var(--dl-space-space-twounits);
}
.home-btn-group {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.home-link10 {
  color: var(--dl-color-gray-white);
  display: flex;
  transition: 0.3s;
  padding-top: var(--dl-space-space-unit);
  border-color: var(--dl-color-primary-700);
  padding-left: var(--dl-space-space-twounits);
  border-radius: 16px;
  padding-right: var(--dl-space-space-twounits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-unit);
  text-decoration: none;
  background-color: transparent;
}
.home-link10:hover {
  transform: scale(1.02);
  background-color: var(--dl-color-gray-900);
}
.home-icon04 {
  fill: var(--dl-color-primary-700);
  width: 30px;
  height: 30px;
}
.home-text56 {
  color: var(--dl-color-primary-700);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin-left: var(--dl-space-space-unit);
}
.home-link11 {
  color: var(--dl-color-primary-700);
  width: 210px;
  display: flex;
  transition: 0.3s;
  margin-left: var(--dl-space-space-unit);
  padding-top: var(--dl-space-space-unit);
  border-color: var(--dl-color-primary-700);
  padding-left: var(--dl-space-space-oneandhalfunits);
  border-radius: 16px;
  padding-right: var(--dl-space-space-oneandhalfunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-unit);
  text-decoration: none;
  background-color: transparent;
}
.home-link11:hover {
  transform: scale(1.02);
  background-color: var(--dl-color-gray-900);
}
.home-icon06 {
  fill: var(--dl-color-primary-700);
  width: 30px;
  height: 30px;
}
.home-text57 {
  font-style: normal;
  font-weight: 600;
  margin-left: var(--dl-space-space-unit);
}
.home-social-bar {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  justify-content: center;
}

.home-link12 {
  display: contents;
}
.home-insta {
  fill: var(--dl-color-primary-700);
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
  transition: 0.3s;
  margin-right: var(--dl-space-space-twounits);
  text-decoration: none;
}
.home-insta:hover {
  fill: var(--dl-color-gray-white);
  transform: scale(1.22);
}
.home-fb {
  fill: var(--dl-color-primary-700);
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
  transition: 0.3s;
  margin-right: var(--dl-space-space-twounits);
}
.home-fb:hover {
  fill: var(--dl-color-gray-white);
  transform: scale(1.22);
}
.home-link13 {
  display: contents;
}
.home-linkdin {
  fill: var(--dl-color-primary-700);
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
  transition: 0.3s;
  margin-right: var(--dl-space-space-twounits);
  text-decoration: none;
}
.home-linkdin:hover {
  fill: var(--dl-color-gray-white);
  transform: scale(1.22);
}
.home-link14 {
  display: contents;
}
.home-git {
  fill: var(--dl-color-primary-700);
  width: var(--dl-size-size-xsmall);
  height: var(--dl-size-size-xsmall);
  transition: 0.3s;
  text-decoration: none;
}
.home-git:hover {
  fill: var(--dl-color-gray-white);
  transform: scale(1.22);
}
@media(max-width: 991px) {
  .home-top-hero {
    height: 864px;
    flex-direction: column;
  }
  .home-top-left {
    width: 418px;
    height: 319px;
    align-items: center;
  }
  .home-top-middle {
    width: 254px;
    height: 349px;
  }
  .home-image {
    width: 269px;
    height: 50%;
  }
  .home-top-right {
    width: 207px;
    height: 102px;
    align-self: center;
    align-items: center;
    margin-bottom: 0px;
  }
  .home-feature-card {
    width: 100%;
  }
  .home-about-me {
    height: 1017px;
    flex-direction: column;
  }
  .home-container3 {
    align-items: center;
    margin-right: 0px;
    margin-bottom: var(--dl-space-space-twounits);
    padding-right: 0px;
  }
  .home-text12 {
    text-align: center;
  }
  .home-text13 {
    text-align: center;
    padding-left: var(--dl-space-space-threeunits);
    padding-right: var(--dl-space-space-threeunits);
  }
  .home-project-and-work {
    height: 2154px;
  }
  .home-text30 {
    align-self: center;
  }
  .home-container4 {
    width: 770px;
    height: 100%;
    align-self: center;
    grid-template-columns: 1fr 1fr;
  }
  .home-skills {
    width: 829px;
    height: 619px;
  }
  .home-other-techs {
    height: 149px;
  }
  .home-projects-techs {
    height: 146px;
  }
  .home-group26svg {
    display: none;
  }
  .home-container5 {
    width: 100%;
  }
}
@media(max-width: 767px) {
  .home-top-middle {
    height: 224px;
  }
  .home-image {
    height: 206px;
  }
  .home-features {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .home-feature-card-down {
    width: 100%;
  }
  .home-about-me {
    height: 1139px;
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .home-image1 {
    width: 377px;
    height: 440px;
  }
  .home-text13 {
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
  }
  .home-project-and-work {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .home-container4 {
    width: 767px;
  }
  .home-techs-skills {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .home-skills {
    width: 767px;
  }
  .home-work-techs {
    width: 100%;
    margin-right: 0px;
  }
  .home-tech {
    width: 100%;
  }
  .home-other-techs {
    width: 100%;
  }
  .home-projects-techs {
    width: 100%;
  }
  .home-group26svg {
    display: none;
  }
  .home-unionsvg {
    display: none;
  }
  .home-jobs {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .home-container5 {
    grid-template-columns: 1fr;
  }
  .home-education {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .home-container6 {
    grid-template-columns: 1fr;
  }
  .home-contact {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .home-text55 {
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
  }
  .home-social-bar {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
}
@media(max-width: 479px) {
  .home-top-hero {
    height: 686px;
  }
  .home-features {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-feature-card {
    height: 1268px;
    margin-bottom: 0px;
  }
  .home-feature-card-down {
    width: 281px;
    height: 306px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .home-about-me {
    height: 823px;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    flex-direction: column;
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-image1 {
    width: 212px;
    height: 269px;
  }
  .home-container3 {
    width: 348px;
    height: 649px;
    margin-bottom: var(--dl-space-space-unit);
  }
  .home-text11 {
    width: auto;
  }
  .home-text12 {
    color: var(--dl-color-gray-white);
  }
  .home-project-and-work {
    height: 4082px;
    align-self: center;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-text30 {
    color: var(--dl-color-gray-white);
    width: auto;
    font-size: 30px;
    align-self: center;
    font-style: normal;
    text-align: center;
    font-weight: 600;
  }
  .home-container4 {
    width: 100%;
    height: 3934px;
    grid-gap: var(--dl-space-space-halfunit);
    position: relative;
    align-self: center;
    grid-template-columns: 1fr;
  }
  .home-techs-skills {
    height: 1143px;
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-skills {
    width: 348px;
    height: 1063px;
  }
  .home-portflio-title {
    width: 100%;
    height: 269px;
    margin-right: 0px;
  }
  .home-text32 {
    width: auto;
  }
  .home-work-techs {
    height: 382px;
  }
  .home-tech {
    height: 402px;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .home-other-techs {
    width: 348px;
    height: 244px;
    margin-top: var(--dl-space-space-fiveunits);
  }
  .home-text36 {
    margin-top: var(--dl-space-space-unit);
  }
  .home-projects-techs {
    width: 348px;
    height: 184px;
    flex-wrap: wrap;
  }
  .home-jobs {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-text42 {
    text-align: center;
  }
  .home-container5 {
    width: 315px;
  }
  .home-education {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-text48 {
    text-align: center;
  }
  .home-contact {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .home-btn-group {
    flex-direction: column;
  }
  .home-link11 {
    margin-top: var(--dl-space-space-unit);
    margin-left: 0px;
  }
  .home-social-bar {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
}