@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Public+Sans:900,400,600,500,700|League+Spartan:900,400,600,300,800,500,700|Caveat:700|Inter:500,700,600,400|Lato:400,700,800,600|Jomhuria:400|Dosis:500,400,700,800");
@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');

@font-face {
    font-family: "Avenir LT Pro-95Black";
    font-style: normal;
    font-weight: 900;
    src: url('fonts/avenirltproblack.otf') format("opentype");
}

@font-face {
    font-family: "Avenir LT Pro-45Book";
    font-style: normal;
    font-weight: 400;
    src: url('fonts/avenirltprolight.otf') format("opentype");
}

/* SCROLLBAR */

[dark-scroll]::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[dark-scroll]::-webkit-scrollbar-track-piece {
    background-color: #2b2b2b;
    border: 1px solid #1d1d1d;
}

[dark-scroll]::-webkit-scrollbar-thumb {
    height: 10px;
    background-color: #4d4d4d;
}

[dark-scroll]::-webkit-scrollbar-thumb:hover {
    background-color: #5a5a5a;
}

/* LOAD PROGRESS */

.turbolinks-progress-bar {
    height: 3px;
    background-color: #ff6250;
}

/* GROUPING */

[data-id].ui-selecting {
    box-shadow: inset 0 0 0 1px #4285f4 !important;
}

[data-id].ui-selected {
    box-shadow: inset 0 0 0 1px #4285f4 !important;
}

.screen textarea:focus,
.screen input:focus {
    outline: none;
}

.screen * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

.screen div {
    -webkit-text-size-adjust: none;
}

.component-wrapper a {
    display: contents;
    pointer-events: auto;
    text-decoration: none;
}

.component-wrapper * {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    pointer-events: none;
}

.component-wrapper a *,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe {
    pointer-events: auto;
}

.component-wrapper.not-ready,
.component-wrapper.not-ready * {
    visibility: hidden !important;
}

.screen a {
    display: contents;
    text-decoration: none;
}

.full-width-a {
    width: 100%;
}

.full-height-a {
    height: 100%;
}

.container-center-vertical {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    pointer-events: none;
}

.container-center-vertical>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.container-center-horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
    width: 100%;
}

.container-center-horizontal>* {
    flex-shrink: 0;
    pointer-events: auto;
}

.auto-animated div {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-animated input {
    --z-index: -1;
    opacity: 0;
    position: absolute;
}

.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {
    opacity: 1;
}

.overlay-base {
    display: none;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.overlay-base.animate-appear {
    align-items: center;
    animation: reveal 0.3s ease-in-out 1 normal forwards;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}

.overlay-base.animate-disappear {
    animation: reveal 0.3s ease-in-out 1 reverse forwards;
    display: block;
    opacity: 1;
    pointer-events: none;
}

.overlay-base.animate-disappear * {
    pointer-events: none;
}

@keyframes reveal {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-nodelay {
    animation-delay: 0s;
}

.align-self-flex-start {
    align-self: flex-start;
}

.align-self-flex-end {
    align-self: flex-end;
}

.align-self-flex-center {
    align-self: flex-center;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

input:focus {
    outline: none;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

* {
    box-sizing: border-box;
}

:root {
    --alto: #dcdcdc;
    --alto-2: #d9d9d9;
    --alto-3: #dedcdc;
    --base-colour: #060b18;
    --black: #000000;
    --black-haze: #f6f6f6;
    --blue-charcoal: #060c18;
    --blue-chill: #129490;
    --blue-dianne: #1a434e;
    --cararra: #ebebeb;
    --charlotte: #baf3f1;
    --dove-gray: #707070;
    --fiord: #424e67;
    --illustration-purple: #7649b7;
    --illustrationnew: #dbffc4;
    --main---lavender: #bb86fc;
    --mirage: #171d29;
    --paradiso: #2d7c7a;
    --pink-swan: #b9b9b9;
    --quick-silver: #a4a4a4;
    --rock-blue: #94bcc7;
    --shark: #26282f;
    --silver: #c1c1c1;
    --star-dust: #9c9c9c;
    --steel-gray: #202632;
    --thunder: #2d2d2d;
    --white: #ffffff;

    --font-size-l: 28px;
    --font-size-m: 24px;
    --font-size-s: 20px;
    --font-size-xl: 40px;
    --font-size-xxl: 48px;
    --font-size-xxxl: 50px;
    --font-size-xxxxl: 56px;

    --font-family-avenir_lt_pro-45book: "Avenir LT Pro-45Book", Helvetica;
    --font-family-avenir_lt_pro-95black: "Avenir LT Pro-95Black", Helvetica;
    --font-family-caveat: "Caveat", Helvetica;
    --font-family-dosis: "Dosis", Helvetica;
    --font-family-inter: "Inter", Helvetica;
    --font-family-jomhuria: "Jomhuria", Helvetica;
    --font-family-lato: "Lato", Helvetica;
    --font-family-league_spartan: "League Spartan", Helvetica;
    --font-family-public_sans: "Public Sans", Helvetica;
}

.home-page .more-dV1ayA {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 32px;
    margin-top: -1.00px;
    position: relative;
    text-align: center;
}

.home-page .button-components-dpj9li {
    gap: 5px;
    height: 152px;
    position: relative;
    width: 159px;
}

.home-page .all-projects-VKedMp {
    background-color: transparent;
    color: var(--base-colour);
    font-family: var(--font-family-public_sans);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.00px;
    line-height: 24px;
    margin-left: -3.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.home-page .vuesaxbrokenarrow-right-VKedMp {
    margin-right: -3.00px;
}

.home-page .rectangle-6-2uJLtY {
    background-color: var(--mirage);
    height: 454px;
    left: 0px;
    top: 0px;
    width: 1212px;
}

.home-page .frame-38-2uJLtY {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 48px;
    position: absolute;
    top: 96px;
    width: 572px;
}

.home-page .lets-stay-connected-q0Vv36 {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-left: -1.50px;
    position: relative;
    text-align: left;
}

.home-page .frame-41-2uJLtY {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 16px;
    left: 754px;
    position: absolute;
    top: 276px;
    width: 410px;
}

.home-page .vector-5-RLlvuf {
    margin-top: -0.50px;
    position: relative;
    width: 410px;
}

.home-page .frame-39-RLlvuf {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 24px;
    position: relative;
}

.home-page .fi_3992590-9Ht9Ij {
    background-color: transparent;
    height: 32px;
    position: relative;
    width: 32px;
}

.home-page .behance-9Ht9Ij {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 26px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.home-page .fi_1051333-4SDsI3 {
    background-color: transparent;
    height: 32px;
    position: relative;
    width: 32px;
}

.home-page .linkedin-4SDsI3 {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 26px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.home-page .vector-2uJLtY {
    background-color: transparent;
    height: 83px;
    left: 630px;
    pointer-events: auto;
    position: absolute;
    top: 165px;
    transition: all 0.2s ease;
    width: 112px;
}

.home-page .vector-2uJLtY:hover {
    opacity: 1;
}

.home-page .frame-44-xVxyAW {
    background-color: var(--illustrationnew);
    border-radius: 36px;
    display: inline-flex;
    height: 36px;
    left: 149px;
    padding: 8px 20px;
    position: absolute;
    top: 2678px;
}

.home-page .frame-44-4HFJYg {
    background-color: var(--blue-charcoal);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 20px;
    padding: 3px 7px;
    position: relative;
    width: 20px;
}

.home-page .x1-nSxq9y {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.home-page .layer_1-6iAz2g {
    height: 119px;
    left: 142px;
    overflow: hidden;
    top: 2690px;
    width: 1134px;
}

.home-page .vector-f2O82z {
    background-color: transparent;
    height: 1px;
    left: 478px;
    position: absolute;
    top: 33px;
    width: 1px;
}

.home-page .vector-BS2zHl {
    background-color: transparent;
    height: 1px;
    left: 478px;
    position: absolute;
    top: 33px;
    width: 1px;
}

.home-page .vector-YPJgbg {
    background-color: transparent;
    height: 1px;
    left: 478px;
    position: absolute;
    top: 33px;
    width: 1px;
}

.home-page .vector-pTEAu5 {
    background-color: transparent;
    height: 1px;
    left: 652px;
    position: absolute;
    top: 93px;
    width: 1px;
}

.home-page .frame-43-f2O82z {
    left: 372px;
    top: 22px;
}

.home-page .frame-44-bF7HXt {
    background-color: var(--blue-charcoal);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 20px;
    padding: 3px 7px;
    position: relative;
    width: 20px;
}

.home-page .x2-OX4tAc {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-left: -1.00px;
    margin-right: -1.00px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.home-page .frame-43-6iAz2g {
    left: 1128px;
    top: 2734px;
}

.home-page .frame-44-xF1DAC {
    background-color: var(--blue-charcoal);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 20px;
    padding: 3px 7px;
    position: relative;
    width: 20px;
}

.home-page .x4-UPV1ox {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-left: -0.50px;
    margin-right: -0.50px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
}

.home-page .group-887-xVxyAW {
    background-color: transparent;
    height: 84px;
    left: 760px;
    position: absolute;
    top: 5731px;
    width: 81px;
}

.home-page .frame-22 {
    align-items: center;
    background-color: transparent;
    border: 1px solid;
    border-color: var(--illustrationnew);
    border-radius: 36px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 8px 20px;
    position: relative;
}

.home-page .frame-23 {
    align-items: center;
    background-color: transparent;
    border: 1px solid;
    border-color: var(--illustrationnew);
    border-radius: 36px;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 8px 20px;
    position: relative;
}

.home-page .frame-24 {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    gap: 12px;
    position: absolute;
}

.home-page .frame-43 {
    align-items: center;
    background-color: var(--illustrationnew);
    border-radius: 36px;
    display: inline-flex;
    gap: 10px;
    height: 36px;
    justify-content: center;
    padding: 8px 20px;
    position: absolute;
}

.home-page .frame-44 {
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.home-page .layer_1 {
    background-color: transparent;
    position: absolute;
}

.home-page .rectangle-4 {
    background-color: var(--steel-gray);
    border-radius: 32px;
    height: 823px;
    position: absolute;
    width: 765px;
}

.home-page .rectangle-6 {
    border-radius: 32px;
    position: absolute;
}

.home-page .user-experience-design {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: left;
}

.home-page .user-interface-design {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: left;
}

.home-page .vector-5 {
    background-color: transparent;
    height: 1px;
    object-fit: cover;
}

.home-page .work {
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    text-align: left;
    white-space: nowrap;
}

.screen textarea:focus,
.screen input:focus {
  outline: none;
}

.screen * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.screen div {
  -webkit-text-size-adjust: none;
}

.component-wrapper a {
  display: contents;
  pointer-events: auto;
  text-decoration: none;
}

.component-wrapper * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  pointer-events: none;
}

.component-wrapper a *,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe {
  pointer-events: auto;
}

.component-wrapper.not-ready,
.component-wrapper.not-ready * {
  visibility: hidden !important;
}

.screen a {
  display: contents;
  text-decoration: none;
}

.full-width-a {
  width: 100%;
}

.full-height-a {
  height: 100%;
}

.container-center-vertical {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  pointer-events: none;
}

.container-center-vertical>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.auto-animated div {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated input {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {
  opacity: 1;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate-nodelay {
  animation-delay: 0s;
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-self-flex-end {
  align-self: flex-end;
}

.align-self-flex-center {
  align-self: flex-center;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.valign-text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

input:focus {
  outline: none;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

.leaguespartan-normal-alto-20px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-normal-alto-24px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-light-alto-24px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.leaguespartan-normal-white-14px {
  font-family: var(--font-family-league_spartan);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.lato-normal-silver-20px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-medium-alto-28px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.leaguespartan-extra-bold-studio-56px {
  color: var(--illustration-purple);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
}

.inter-bold-blue-chill-34px {
  color: var(--blue-chill);
  font-family: var(--font-family-inter);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
}

.publicsans-medium-dove-gray-20px {
  color: var(--dove-gray);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.leaguespartan-light-alto-20px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.publicsans-semi-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.leaguespartan-bold-shark-26px {
  color: var(--shark);
  font-family: var(--font-family-league_spartan);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.leaguespartan-medium-shark-20px {
  color: var(--shark);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.publicsans-black-white-48px {
  color: var(--white);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.publicsans-semi-bold-studio-32px {
  color: var(--illustration-purple);
  font-family: var(--font-family-public_sans);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}

.publicsans-semi-bold-dove-gray-20px {
  color: var(--dove-gray);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.leaguespartan-normal-snow-flurry-14px {
  color: var(--illustrationnew);
  font-family: var(--font-family-league_spartan);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-semi-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.lato-normal-silver-24px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.lato-semi-bold-black-haze-24px {
  color: var(--black-haze);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.lato-normal-thunder-16px {
  color: var(--thunder);
  font-family: var(--font-family-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-normal-alto-56px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.caveat-bold-snow-flurry-20px {
  color: var(--illustrationnew);
  font-family: var(--font-family-caveat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.leaguespartan-normal-alto-50px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.lato-bold-blue-chill-24px {
  color: var(--blue-chill);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.lato-normal-silver-16px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.lato-bold-silver-20px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.lato-extra-bold-silver-20px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

.leaguespartan-light-alto-28px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.leaguespartan-medium-alto-32px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
}

.publicsans-normal-star-dust-20px {
  color: var(--star-dust);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-normal-alto-40px {
  color: var(--alto-3);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.frame-2 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.frame-3 {
  align-items: center;
  background-color: transparent;
}

.footer-frame-5 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

/* screen - home-page */

.home-page {
  background-color: var(--base-colour);
  height: 7658px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1440px;
}

.home-page .rectangle-4-xVxyAW {
  left: 560px;
  top: 5599px;
}

.home-page .samsung-galaxy-s21-phone-mockup-1-xVxyAW {
  background-color: transparent;
  height: 516px;
  left: 639px;
  position: absolute;
  top: 5750px;
  width: 623px;
}

.home-page .rectangle-6-xVxyAW {
  background-color: var(--mirage);
  height: 454px;
  left: 114px;
  top: 2530px;
  width: 1212px;
}

.home-page .layer_1-xVxyAW {
  height: 194px;
  left: 114px;
  top: 2672px;
  width: 1211px;
}

.home-page .frame-43-xVxyAW {
  left: 769px;
  top: 2805px;
}

.home-page .frame-44-xxhOxV {
  background-color: var(--blue-charcoal);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 20px;
  padding: 3px 7px;
  position: relative;
  width: 20px;
}

.home-page .x3-ToEIIw {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-left: -1.00px;
  margin-right: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .design-and-iterate-xxhOxV {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .rectangle-2-xVxyAW {
  background-color: var(--mirage);
  border-radius: 32px;
  height: 454px;
  left: 540px;
  position: absolute;
  top: 2036px;
  width: 786px;
}

.home-page .rectangle-6-6iAz2g {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--fiord);
  height: 551px;
  left: 113px;
  top: 5599px;
  width: 407px;
}

.home-page .hello-my-name-is-shubhangi-and-i-am-a-xVxyAW {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 312px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 351px;
  white-space: nowrap;
  width: 817px;
}

.home-page .frame-34-xVxyAW {
  align-items: center;
  background-color: var(--mirage);
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 696px;
  justify-content: center;
  left: 531px;
  padding: 81px 74px;
  position: absolute;
  top: 1142px;
  width: 795px;
}

.home-page .frame-5-c41qeB {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 44px;
  position: relative;
  width: 629px;
}

.home-page .i-believe-design-sho-jJHzvr {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
}

.home-page .span1-xim0dh {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
}

.home-page .frame-6-jJHzvr {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.home-page .my-design-journey-it-inxXd8 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
}

.home-page .when-im-not-designin-inxXd8 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: relative;
  text-align: left;
}

.home-page .frame-13-xVxyAW {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  gap: 140px;
  left: 617px;
  position: absolute;
  top: 2108px;
}

.home-page .frame-9-xTBTVI {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 260px;
}

.home-page .product-design-x5NdEx {
  align-self: stretch;
  background-color: transparent;
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
}

.home-page .frame-7-x5NdEx {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 206px;
}

.home-page .user-research-ieWuxm {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
}

.home-page .user-experience-design-ieWuxm {
  align-self: stretch;
  position: relative;
}

.home-page .user-interface-design-ieWuxm {
  align-self: stretch;
  position: relative;
}

.home-page .prototyping-ieWuxm {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
}

.home-page .frame-10-xTBTVI {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 232px;
}

.home-page .brand-design-fVH9SQ {
  align-self: stretch;
  background-color: transparent;
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
}

.home-page .frame-8-fVH9SQ {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 206px;
}

.home-page .visual-identity-iwT99u {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
}

.home-page .brand-collaterals-iwT99u {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
}

.home-page .print-digital-design-iwT99u {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
}

.home-page .photography-iwT99u {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
}

.home-page .my-design-process-xVxyAW {
  background-color: transparent;
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  height: auto;
  left: 1081px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: right;
  top: 2576px;
  width: 206px;
}

.home-page .title-xVxyAW {
  color: var(--white);
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-public_sans);
  font-size: 113px;
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 154px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 376px;
  white-space: nowrap;
  width: 1131px;
}

.home-page .frame-3-xVxyAW {
  align-items: center;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  left: 114px;
  position: absolute;
  top: 60px;
  width: 1212px;
}

.home-page .vector-856wDK {
  background-color: transparent;
  height: 77.9747314453125px;
  position: relative;
  width: 80px;
}

.home-page .frame-1-856wDK {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 36px;
  justify-content: center;
  position: relative;
}

.home-page .frame-2-4YxH12 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.home-page .home-9FyA5F {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .ellipse-1-9FyA5F {
  background-color: var(--alto-2);
  border-radius: 3px;
  height: 6px;
  position: relative;
  width: 6px;
}

.home-page .work-4YxH12 {
  position: relative;
  width: fit-content;
}

.home-page .contact-4YxH12 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .vector-xVxyAW {
  background-color: transparent;
  height: 50px;
  left: 969px;
  position: absolute;
  top: 357px;
  width: 108px;
}

.home-page .user-experience-design-xVxyAW {
  height: auto;
  left: 1061px;
  position: absolute;
  top: 326px;
  transform: rotate(-12.52deg);
  width: auto;
}

.home-page .user-interface-design-xVxyAW {
  height: auto;
  left: 177px;
  position: absolute;
  top: 506px;
  transform: rotate(-2.82deg);
  width: auto;
}

.home-page .graphic-design-xVxyAW {
  background-color: transparent;
  height: auto;
  left: 947px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: left;
  top: 510px;
  transform: rotate(1.83deg);
  white-space: nowrap;
  width: 118px;
}

.home-page .vector-6iAz2g {
  background-color: transparent;
  height: 42px;
  left: 148px;
  position: absolute;
  top: 481px;
  width: 70px;
}

.home-page .rectangle-1-xVxyAW {
  background-color: var(--mirage);
  border-radius: 32px;
  height: 337px;
  left: 114px;
  position: absolute;
  top: 765px;
  width: 1212px;
}

.home-page .button-components-xVxyAW {
  gap: 10px;
  height: 190px;
  left: 622px;
  position: absolute;
  top: 633px;
  width: 197px;
}

.home-page .browse-resume-rvFESq {
  background-color: transparent;
  color: var(--base-colour);
  font-family: var(--font-family-public_sans);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .frame-33-xVxyAW {
  background-color: transparent;
  height: 436px;
  left: 114px;
  position: absolute;
  top: 1142px;
  width: 377px;
}

.home-page .designing-since-720-xVxyAW {
  background-color: transparent;
  color: var(--illustrationnew);
  font-family: var(--font-family-league_spartan);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 365px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 917px;
  white-space: nowrap;
  width: auto;
}

.home-page .about-xVxyAW {
  background-color: transparent;
  color: var(--illustrationnew);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 114px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: left;
  top: 1982px;
  white-space: nowrap;
  width: auto;
}

.home-page .work-xVxyAW {
  color: var(--illustrationnew);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 114px;
  position: absolute;
  top: 3137px;
  width: auto;
}

.home-page .vector-4-xVxyAW {
  background-color: transparent;
  height: 1px;
  left: 195px;
  object-fit: cover;
  position: absolute;
  top: 1992px;
  width: 1130px;
}

.home-page .vector-5-xVxyAW {
  left: 178px;
  position: absolute;
  top: 3148px;
  width: 1147px;
}

.home-page .vector-5-6iAz2g {
  left: 114px;
  position: absolute;
  top: 4356px;
  width: 1212px;
}

.home-page .vector-5-W6w6Ty {
  left: 113px;
  position: absolute;
  top: 5458px;
  width: 1212px;
}

.home-page .skills-xVxyAW {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-public_sans);
  font-size: 65px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 114px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: left;
  top: 2035px;
  white-space: nowrap;
  width: auto;
}

.home-page .bringing-ideas-alive-xVxyAW {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 114px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: left;
  top: 3186px;
  white-space: nowrap;
  width: auto;
}

.home-page .group-874-xVxyAW {
  background-color: transparent;
  height: 36px;
  left: 1162px;
  position: absolute;
  top: 1462px;
  width: 36px;
}

.home-page .frame-12-xVxyAW {
  background-color: transparent;
  height: 104px;
  left: 595px;
  position: absolute;
  top: 2334px;
  width: 675px;
}

.home-page .vector-W6w6Ty {
  background-color: transparent;
  height: 17px;
  left: 986px;
  position: absolute;
  top: 1701px;
  width: 12px;
}

.home-page .vector-leqMHY {
  background-color: transparent;
  height: 16px;
  left: 998px;
  position: absolute;
  top: 1718px;
  width: 11px;
}

.home-page .vector-dBAWDC {
  background-color: transparent;
  height: 17px;
  left: 860px;
  position: absolute;
  top: 493px;
  width: 222px;
}

.home-page .vector-2ILdFp {
  background-color: transparent;
  height: 78px;
  left: 569px;
  position: absolute;
  top: 2082px;
  width: 346px;
}

.home-page .vector-I9iWXx {
  background-color: transparent;
  height: 9px;
  left: 1070px;
  position: absolute;
  top: 2142px;
  width: 125px;
}

.home-page .vector-nNdBpk {
  background-color: transparent;
  height: 22px;
  left: 1247px;
  position: absolute;
  top: 2100px;
  width: 21px;
}

.home-page .button-components-6iAz2g {
  gap: 10px;
  height: 70px;
  left: 402px;
  position: absolute;
  top: 6032px;
  width: 70px;
}

.home-page .vuesaxbrokenarrow-right-ETqiz8 {
  margin-left: -1.00px;
  margin-right: -1.00px;
}

.home-page .the-flores-cart-xVxyAW {
  background-color: transparent;
  height: auto;
  left: 151px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  top: 5692px;
  width: 332px;
}

.home-page .the-flores-cart-is-y-xVxyAW {
  background-color: transparent;
  height: auto;
  left: 151px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 5762px;
  width: 316px;
}

.home-page .rectangle-6-W6w6Ty {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--fiord);
  height: 551px;
  left: 919px;
  top: 4496px;
  width: 407px;
}

.home-page .rectangle-4-6iAz2g {
  left: 114px;
  top: 4496px;
}

.home-page .button-components-W6w6Ty {
  gap: 10px;
  height: 70px;
  left: 1208px;
  position: absolute;
  top: 4929px;
  width: 70px;
}

.home-page .vuesaxbrokenarrow-right-9Qy34h {
  margin-left: -1.00px;
  margin-right: -1.00px;
}

.home-page .epitome-magazine-xVxyAW {
  background-color: transparent;
  height: auto;
  left: 957px;
  letter-spacing: 0.00px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 4614px;
  width: 332px;
}

.home-page .epitome-magazine-exp-xVxyAW {
  background-color: transparent;
  height: auto;
  left: 957px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 4674px;
  width: 332px;
}

.home-page .frame-24-xVxyAW {
  left: 151px;
  top: 5913px;
}

.home-page .website-design-LOebfE {
  color: var(--illustrationnew);
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .rectangle-6-leqMHY {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--fiord);
  height: 551px;
  left: 114px;
  top: 3393px;
  width: 407px;
}

.home-page .rectangle-4-W6w6Ty {
  left: 561px;
  top: 3393px;
}

.home-page .button-components-leqMHY {
  gap: 10px;
  height: 70px;
  left: 403px;
  position: absolute;
  top: 3826px;
  width: 70px;
}

.home-page .vuesaxbrokenarrow-right-30Ehvh {
  margin-left: -1.00px;
  margin-right: -1.00px;
}

.home-page .x202-1-xVxyAW {
  background-color: transparent;
  height: 635px;
  left: 672px;
  position: absolute;
  top: 3581px;
  width: 604px;
}

.home-page .smart-pix-pro-xVxyAW {
  background-color: transparent;
  height: auto;
  left: 152px;
  letter-spacing: 0.00px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 3486px;
  width: 332px;
}

.home-page .go-to-image-editor-a-xVxyAW {
  background-color: transparent;
  height: auto;
  left: 152px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 3546px;
  width: 309px;
}

.home-page .group-882-xVxyAW {
  background-color: transparent;
  height: 30px;
  left: 413px;
  position: absolute;
  top: 3464px;
  width: 29px;
}

.home-page .vector-hVgXrX {
  background-color: transparent;
  height: 50px;
  left: 838px;
  position: absolute;
  top: 3623px;
  width: 68px;
}

.home-page .frame-24-6iAz2g {
  left: 152px;
  top: 3695px;
}

.home-page .user-experience-TSqnka {
color:var(--illustrationnew);
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .group-885-xVxyAW {
  background-color: transparent;
  height: 37px;
  left: 1242px;
  position: absolute;
  top: 5777px;
  width: 31px;
}

.home-page .vector-Xf0S27 {
  background-color: transparent;
  height: 43px;
  left: 419px;
  position: absolute;
  top: 5661px;
  width: 33px;
}

.home-page .e4afda79-b83a-448a-b064-d5ac3c1eb5b5-1-xVxyAW {
  background-color: transparent;
  height: 670px;
  left: 114px;
  position: absolute;
  top: 4594px;
  width: 715px;
}

.home-page .group-886-xVxyAW {
  background-color: transparent;
  height: 41px;
  left: 1235px;
  position: absolute;
  top: 4573px;
  width: 35px;
}

.home-page .frame-35-xVxyAW {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  gap: 12px;
  left: 957px;
  position: absolute;
  top: 4797px;
}

.home-page .visual-design-ZifuEZ {
  color: var(--illustrationnew);
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .magazine-design-1QQiLA {
  color: var(--illustrationnew);
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .frame-42-xVxyAW {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 55px;
  left: 428px;
  pointer-events: auto;
  position: absolute;
  top: 6605px;
  transition: all 0.2s ease;
  width: 585px;
}

.home-page .frame-36-dpj9li {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 28px;
  position: relative;
  width: 100%;
}

.home-page .more-dV1ayA {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.home-page .from-my-most-pixel-p-dV1ayA {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: relative;
  text-align: center;
  width: 507px;
}

.home-page .button-components-dpj9li {
  gap: 5px;
  height: 152px;
  position: relative;
  width: 159px;
}

.home-page .all-projects-VKedMp {
  background-color: transparent;
  color: var(--base-colour);
  font-family: var(--font-family-public_sans);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.00px;
  line-height: 24px;
  margin-left: -3.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .vuesaxbrokenarrow-right-VKedMp {
  margin-right: -3.00px;
}

.home-page .group-1447-xVxyAW {
  background-color: var(--mirage);
  height: 454px;
  border-radius: 32px;
  left: 115px;
  position: absolute;
  top: 7158px;
  width: 1212px;
}

.home-page .rectangle-6-2uJLtY {
  background-color: var(--mirage);
  height: 454px;
  left: 0px;
  top: 0px;
  width: 1212px;
}

.home-page .frame-38-2uJLtY {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  left: 48px;
  position: absolute;
  top: 96px;
  width: 572px;
}

.home-page .frame-37 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.home-page .eyes-on-ustime-to-lock-them-in-q0Vv36 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-left: -1.50px;
  margin-right: -205.50px;
  margin-top: -2.50px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .lets-stay-connected-q0Vv36 {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-left: -1.50px;
  position: relative;
  text-align: left;
}

.home-page .frame-41-2uJLtY {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 16px;
  left: 754px;
  position: absolute;
  top: 276px;
  width: 410px;
}

.home-page .shubhisharma0708gmailcom-Q1nwZl {
  align-self: stretch;
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
}

.home-page .frame-40-Q1nwZl {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
  padding-top: 10px;
  border-top: 1px solid #343D4E;
}

.home-page .vector-5-RLlvuf {
  margin-top: -0.50px;
  position: relative;
  width: 410px;
}

.home-page .frame-39-RLlvuf {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.home-page .fi_3992590-9Ht9Ij {
  background-color: transparent;
  height: 32px;
  position: relative;
  width: 32px;
}

.home-page .behance-9Ht9Ij {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .fi_1051333-4SDsI3 {
  background-color: transparent;
  height: 32px;
  position: relative;
  width: 32px;
}

.home-page .linkedin-4SDsI3 {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .vector-2uJLtY {
  background-color: transparent;
  height: 83px;
  left: 630px;
  pointer-events: auto;
  position: absolute;
  top: 165px;
  transition: all 0.2s ease;
  width: 112px;
}

.home-page .vector-2uJLtY:hover {
  opacity: 1;
}

.home-page .frame-44-xVxyAW {
  background-color: var(--illustrationnew);
  border-radius: 36px;
  display: inline-flex;
  height: 36px;
  left: 149px;
  padding: 8px 20px;
  position: absolute;
  top: 2678px;
}

.home-page .frame-44-4HFJYg {
  background-color: var(--blue-charcoal);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 20px;
  padding: 3px 7px;
  position: relative;
  width: 20px;
}

.home-page .x1-nSxq9y {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .listen-understand-4HFJYg {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .layer_1-6iAz2g {
  height: 119px;
  left: 142px;
  overflow: hidden;
  top: 2690px;
  width: 1134px;
}

.home-page .vector-f2O82z {
  background-color: transparent;
  height: 1px;
  left: 478px;
  position: absolute;
  top: 33px;
  width: 1px;
}

.home-page .vector-BS2zHl {
  background-color: transparent;
  height: 1px;
  left: 478px;
  position: absolute;
  top: 33px;
  width: 1px;
}

.home-page .vector-YPJgbg {
  background-color: transparent;
  height: 1px;
  left: 478px;
  position: absolute;
  top: 33px;
  width: 1px;
}

.home-page .vector-pTEAu5 {
  background-color: transparent;
  height: 1px;
  left: 652px;
  position: absolute;
  top: 93px;
  width: 1px;
}

.home-page .frame-43-f2O82z {
  left: 372px;
  top: 22px;
}

.home-page .frame-44-bF7HXt {
  background-color: var(--blue-charcoal);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 20px;
  padding: 3px 7px;
  position: relative;
  width: 20px;
}

.home-page .x2-OX4tAc {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-left: -1.00px;
  margin-right: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .sketch-plan-bF7HXt {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .frame-43-6iAz2g {
  left: 1128px;
  top: 2734px;
}

.home-page .frame-44-xF1DAC {
  background-color: var(--blue-charcoal);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  height: 20px;
  padding: 3px 7px;
  position: relative;
  width: 20px;
}

.home-page .x4-UPV1ox {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-left: -0.50px;
  margin-right: -0.50px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .test-launch-xF1DAC {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .group-887-xVxyAW {
  background-color: transparent;
  height: 84px;
  left: 760px;
  position: absolute;
  top: 5731px;
  width: 81px;
}

.home-page .button-components {
  align-items: center;
  background-color: var(--main---lavender);
  border-radius: 160px;
  display: flex;
  justify-content: center;
  padding: 12px 24px;
}

.button-components:hover {
  transform: scale(1.1);
}

.home-page .frame-22 {
  align-items: center;
  background-color: transparent;
  border: 1px solid;
  border-color: var(--illustrationnew);
  border-radius: 36px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 20px;
  position: relative;
}

.home-page .frame-23 {
  align-items: center;
  background-color: transparent;
  border: 1px solid;
  border-color: var(--illustrationnew);
  border-radius: 36px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 8px 20px;
  position: relative;
}

.home-page .frame-24 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  gap: 12px;
  position: absolute;
}

.home-page .frame-43 {
  align-items: center;
  background-color: var(--illustrationnew);
  border-radius: 36px;
  display: inline-flex;
  gap: 10px;
  height: 36px;
  justify-content: center;
  padding: 8px 20px;
  position: absolute;
}

.home-page .frame-44 {
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.home-page .layer_1 {
  background-color: transparent;
  position: absolute;
}

.home-page .rectangle-4 {
  background-color: var(--steel-gray);
  border-radius: 32px;
  height: 823px;
  position: absolute;
  width: 765px;
}

.home-page .rectangle-6 {
  border-radius: 32px;
  position: absolute;
}

.home-page .user-experience-design {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  text-align: left;
}

.home-page .user-interface {
  color: var(--illustrationnew);
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.home-page .user-interface-design {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  text-align: left;
}

.home-page .vector-5 {
  background-color: transparent;
  height: 1px;
  object-fit: cover;
}

.home-page .vuesaxbrokenarrow-right {
  background-color: transparent;
  height: 24px;
  position: relative;
  width: 24px;
}

.home-page .work {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  text-align: left;
  white-space: nowrap;
}

.screen textarea:focus,
.screen input:focus {
  outline: none;
}

.screen * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

.screen div {
  -webkit-text-size-adjust: none;
}

.component-wrapper a {
  display: contents;
  pointer-events: auto;
  text-decoration: none;
}

.component-wrapper * {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  pointer-events: none;
}

.component-wrapper a *,
.component-wrapper input,
.component-wrapper video,
.component-wrapper iframe {
  pointer-events: auto;
}

.component-wrapper.not-ready,
.component-wrapper.not-ready * {
  visibility: hidden !important;
}

.screen a {
  display: contents;
  text-decoration: none;
}

.full-width-a {
  width: 100%;
}

.full-height-a {
  height: 100%;
}

.container-center-vertical {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 100%;
  pointer-events: none;
}

.container-center-vertical>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal>* {
  flex-shrink: 0;
  pointer-events: auto;
}

.auto-animated div {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated input {
  --z-index: -1;
  opacity: 0;
  position: absolute;
}

.auto-animated .container-center-vertical,
.auto-animated .container-center-horizontal {
  opacity: 1;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.animate-nodelay {
  animation-delay: 0s;
}

.align-self-flex-start {
  align-self: flex-start;
}

.align-self-flex-end {
  align-self: flex-end;
}

.align-self-flex-center {
  align-self: flex-center;
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.valign-text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

input:focus {
  outline: none;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

* {
  box-sizing: border-box;
}

:root {
  --alto: #dcdcdc;
  --alto-2: #d9d9d9;
  --alto-3: #dedcdc;
  --base-colour: #060b18;
  --black: #000000;
  --black-haze: #f6f6f6;
  --blue-charcoal: #060c18;
  --blue-chill: #129490;
  --blue-dianne: #1a434e;
  --cararra: #ebebeb;
  --charlotte: #baf3f1;
  --dove-gray: #707070;
  --fiord: #424e67;
  --illustration-purple: #7649b7;
  --illustrationnew: #dbffc4;
  --main---lavender: #bb86fc;
  --mirage: #171d29;
  --paradiso: #2d7c7a;
  --pink-swan: #b9b9b9;
  --quick-silver: #a4a4a4;
  --rock-blue: #94bcc7;
  --shark: #26282f;
  --silver: #c1c1c1;
  --star-dust: #9c9c9c;
  --steel-gray: #202632;
  --thunder: #2d2d2d;
  --white: #ffffff;

  --font-size-l: 28px;
  --font-size-m: 24px;
  --font-size-s: 20px;
  --font-size-xl: 40px;
  --font-size-xxl: 48px;
  --font-size-xxxl: 50px;
  --font-size-xxxxl: 56px;

  --font-family-avenir_lt_pro-45book: "Avenir LT Pro-45Book", Helvetica;
  --font-family-avenir_lt_pro-95black: "Avenir LT Pro-95Black", Helvetica;
  --font-family-caveat: "Caveat", Helvetica;
  --font-family-dosis: "Dosis", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-jomhuria: "Jomhuria", Helvetica;
  --font-family-lato: "Lato", Helvetica;
  --font-family-league_spartan: "League Spartan", Helvetica;
  --font-family-public_sans: "Public Sans", Helvetica;
}

.leaguespartan-normal-alto-20px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-normal-alto-24px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-light-alto-24px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 300;
}

.leaguespartan-normal-white-14px {
  font-family: var(--font-family-league_spartan);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.lato-normal-silver-20px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-medium-alto-28px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.leaguespartan-extra-bold-studio-56px {
  color: var(--illustration-purple);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
}

.inter-bold-blue-chill-34px {
  color: var(--blue-chill);
  font-family: var(--font-family-inter);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
}

.publicsans-medium-dove-gray-20px {
  color: var(--dove-gray);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.leaguespartan-light-alto-20px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.publicsans-semi-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.leaguespartan-bold-shark-26px {
  color: var(--shark);
  font-family: var(--font-family-league_spartan);
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
}

.leaguespartan-medium-shark-20px {
  color: var(--shark);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.publicsans-black-white-48px {
  color: var(--white);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 900;
}

.publicsans-semi-bold-studio-32px {
  color: var(--illustration-purple);
  font-family: var(--font-family-public_sans);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}

.publicsans-semi-bold-dove-gray-20px {
  color: var(--dove-gray);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.leaguespartan-normal-snow-flurry-14px {
  color: var(--illustrationnew);
  font-family: var(--font-family-league_spartan);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-semi-bold-white-40px {
  color: var(--white);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.lato-normal-silver-24px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.lato-semi-bold-black-haze-24px {
  color: var(--black-haze);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.lato-normal-thunder-16px {
  color: var(--thunder);
  font-family: var(--font-family-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-normal-alto-56px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

.caveat-bold-snow-flurry-20px {
  color: var(--illustrationnew);
  font-family: var(--font-family-caveat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.leaguespartan-normal-alto-50px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.lato-bold-blue-chill-24px {
  color: var(--blue-chill);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.lato-normal-silver-16px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.lato-bold-silver-20px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.lato-extra-bold-silver-20px {
  color: var(--silver);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 800;
}

.leaguespartan-light-alto-28px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 300;
}

.leaguespartan-medium-alto-32px {
  color: var(--alto);
  font-family: var(--font-family-league_spartan);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
}

.publicsans-normal-star-dust-20px {
  color: var(--star-dust);
  font-family: var(--font-family-public_sans);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.leaguespartan-normal-alto-40px {
  color: var(--alto-3);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.frame-2 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.frame-3 {
  align-items: center;
  background-color: transparent;
}

.footer-frame-5 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

/* screen - work-pageu95user-first-creations */

.work-pageu95user-first-creations {
  background-color: var(--base-colour);
  height: 4222px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1440px;
}

.work-pageu95user-first-creations .frame-3-yf01o3 {
  display: flex;
  justify-content: space-between;
  left: 114px;
  position: absolute;
  top: 60px;
  width: 1212px;
}

.work-pageu95user-first-creations .vector-KsziqK {
  background-color: transparent;
  height: 77.9747314453125px;
  position: relative;
  width: 80px;
}

.work-pageu95user-first-creations .frame-1-KsziqK {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 36px;
  justify-content: center;
  position: relative;
}

.work-pageu95user-first-creations .frame-2-DUBwmF {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.work-pageu95user-first-creations .home-EfvPri {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.work-pageu95user-first-creations .frame-3-DUBwmF {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.work-pageu95user-first-creations .work-xMbfjB {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.work-pageu95user-first-creations .ellipse-1-xMbfjB {
  background-color: var(--alto-2);
  border-radius: 3px;
  height: 6px;
  position: relative;
  width: 6px;
}

.work-pageu95user-first-creations .contact-DUBwmF {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: normal;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.work-pageu95user-first-creations {
  .footer-container {
    background-color: transparent;
    height: 454px;
    left: 114px;
    position: absolute;
    top: 3648px;
    width: 1212px;
  }
  
  .footer-line {
    background-color: var(--mirage);
    border-radius: 32px;
    height: 454px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 1212px;
  }
  
  .footer-frame-1 {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
    left: 48px;
    position: absolute;
    top: 96px;
    width: 572px;
  }
  
  .footer-eyes-line {
    color:  var(--white);
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-left: -1.50px;
    margin-right: -205.50px;
    margin-top: -2.50px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: fit-content;
  }
  
  .footer-connected-line {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: normal;
    margin-left: -1.50px;
    position: relative;
    text-align: left;
  }
  
  .footer-frame-2 {
    align-items: flex-start;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 16px;
    left: 754px;
    position: absolute;
    top: 276px;
    width: 410px;
  }
  
  .footer-email {
    align-self: stretch;
    background-color: transparent;
    letter-spacing: 0.00px;
    line-height: 26px;
    margin-top: -1.00px;
    position: relative;
    text-align: left;
  }
  
  .footer-frame-3 {
    align-items: flex-start;
    align-self: stretch;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 12px;
    position: relative;
    width: 100%;
    border-top: 1px solid #343D4E;
    padding-top: 10px;
  }
}
  .footer-frame-5 {
    align-items: center;
    background-color: transparent;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 8px;
    position: relative;
  }

.work-pageu95user-first-creations .vector-5-0a3f3M {
  background-color: transparent;
  height: 1px;
  margin-top: -0.50px;
  object-fit: cover;
  position: relative;
  width: 410px;
}

.work-pageu95user-first-creations .footer-frame-4 {
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.work-pageu95user-first-creations .fi_3992590-hRw8Ku {
  background-color: transparent;
  height: 32px;
  position: relative;
  width: 32px;
}

.work-pageu95user-first-creations .behance-hRw8Ku {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.work-pageu95user-first-creations .fi_1051333-abFsXh {
  background-color: transparent;
  height: 32px;
  position: relative;
  width: 32px;
}

.work-pageu95user-first-creations .linkedin-abFsXh {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: fit-content;
}

.work-pageu95user-first-creations .footer-vector {
  background-color: transparent;
  height: 83px;
  left: 630px;
  position: absolute;
  top: 165px;
  width: 112px;
}

.work-pageu95user-first-creations .title-yf01o3 {
  background-color: transparent;
  color: transparent;
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 226px;
  letter-spacing: 0.00px;
  line-height: 67px;
  position: absolute;
  text-align: center;
  top: 308px;
  width: 989px;
}

.work-pageu95user-first-creations .span0-av7TSA {
  font-style: normal;
}

.work-pageu95user-first-creations .span1-av7TSA {
  color: var(--illustration-purple);
  font-style: normal;
}

.work-pageu95user-first-creations .span2-av7TSA {
  color: var(--illustration-purple);
  font-size: 62px;
  font-style: normal;
  font-weight: 900;
}

.work-pageu95user-first-creations .group-888-yf01o3 {
  background-color: transparent;
  height: 58px;
  left: 300px;
  position: absolute;
  top: 277px;
  width: 41px;
}

.work-pageu95user-first-creations .vector-yf01o3 {
  background-color: transparent;
  height: 17px;
  left: 595px;
  position: absolute;
  top: 442px;
  width: 394px;
}

.work-pageu95user-first-creations .frame-50-yf01o3 {
  align-items: flex-start;
  background-color: #182132;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 118px;
  left: 323px;
  padding: 12px 15px;
  position: absolute;
  top: 650px;
  width: 794px;
}

.work-pageu95user-first-creations .frame-45-RxxLx3 {
  align-items: center;
  background-color: transparent;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 763px;
}

.work-pageu95user-first-creations .frame-48-WP8RLM {
  width: 373.5px;
}

.work-pageu95user-first-creations .frame-48-aMbgQh {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.work-pageu95user-first-creations .rectangle-8-eJRhNi {
  background-color: transparent;
}

.work-pageu95user-first-creations .visual-creations-eJRhNi {
  background-color: transparent;
  color: var(--illustrationnew);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 86px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 33px;
  white-space: nowrap;
  width: auto;
}

.work-pageu95user-first-creations .frame-49-WP8RLM {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 373.5px;
}

.work-pageu95user-first-creations .frame-48-kfm3WP {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.work-pageu95user-first-creations .rectangle-8-rLrVas {
  background-color: var(--blue-charcoal);
}

.work-pageu95user-first-creations .user-first-creations-rLrVas {
  background-color: transparent;
  color: var(--illustrationnew);
  font-family: var(--font-family-league_spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 62px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 33px;
  white-space: nowrap;
  width: auto;
}

.work-pageu95user-first-creations .rectangle-9-yf01o3 {
  background-color: var(--mirage);
  border-radius: 32px;
  height: 492px;
  left: 114px;
  position: absolute;
  top: 1019px;
  width: 1212px;
}

.work-pageu95user-first-creations .rectangle-11-yf01o3 {
  background-color: var(--mirage);
  border-radius: 32px;
  height: 492px;
  left: 114px;
  position: absolute;
  top: 1867px;
  width: 1212px;
}

.work-pageu95user-first-creations .rectangle-10-yf01o3 {
  background-color: transparent;
  height: 393px;
  left: 614px;
  position: absolute;
  top: 1297px;
  width: 638px;
}

.work-pageu95user-first-creations .rectangle-12-yf01o3 {
  background-color: transparent;
  height: 548px;
  left: 438px;
  object-fit: contain;
  position: absolute;
  top: 2082px;
  width: 840px;
}

.work-pageu95user-first-creations .the-flores-cart-flower-shopping-app-yf01o3 {
  background-color: transparent;
  height: auto;
  left: 178px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: left;
  top: 1095px;
  width: 801px;
}

.work-pageu95user-first-creations .smart-pix-pro-image-editor-application-yf01o3 {
  background-color: transparent;
  height: auto;
  left: 178px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: left;
  top: 1943px;
  width: 835px;
}

.work-pageu95user-first-creations .introducing-flores-c-yf01o3 {
  background-color: transparent;
  height: auto;
  left: 178px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 1177px;
  width: 1028px;
}

.work-pageu95user-first-creations .our-innovative-image-yf01o3 {
  background-color: transparent;
  height: auto;
  left: 178px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 2025px;
  width: 1028px;
}

.work-pageu95user-first-creations .button-components-yf01o3 {
  left: 178px;
  top: 1381px;
}

.work-pageu95user-first-creations .button-components-yf01o3:hover {
  transform: scale(1.1);
}

.work-pageu95user-first-creations .button-components-mxTrNs {
  left: 178px;
  top: 2229px;
}

.work-pageu95user-first-creations .button-components-mxTrNs:hover {
  transform: scale(1.1);
}

.work-pageu95user-first-creations .vector-mxTrNs {
  background-color: transparent;
  height: 58px;
  left: 1218px;
  position: absolute;
  top: 1251px;
  width: 55px;
}

.work-pageu95user-first-creations .group-889-yf01o3 {
  background-color: transparent;
  height: 47px;
  left: 150px;
  position: absolute;
  top: 1073px;
  width: 23px;
}

.work-pageu95user-first-creations .vector-VwFwxm {
  background-color: transparent;
  height: 34px;
  left: 155px;
  position: absolute;
  top: 1927px;
  width: 36px;
}

.work-pageu95user-first-creations .group-893-yf01o3 {
  background-color: transparent;
  height: 52px;
  left: 1231px;
  position: absolute;
  top: 2092px;
  width: 53px;
}

.work-pageu95user-first-creations .rectangle-13-yf01o3 {
  background-color: var(--mirage);
  border-radius: 32px;
  height: 492px;
  left: 112px;
  position: absolute;
  top: 2715px;
  width: 1212px;
}

.work-pageu95user-first-creations .the-pledge-on-food-waste-yf01o3 {
  background-color: transparent;
  height: auto;
  left: 176px;
  letter-spacing: 0.00px;
  line-height: normal;
  position: absolute;
  text-align: left;
  top: 2791px;
  width: 801px;
}

.work-pageu95user-first-creations .the-pledge-on-food-w-yf01o3 {
  background-color: transparent;
  height: auto;
  left: 176px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 2873px;
  width: 1076px;
}

.work-pageu95user-first-creations .button-components-VwFwxm {
  left: 176px;
  top: 3077px;
}

.work-pageu95user-first-creations .button-components-VwFwxm:hover {
  transform: scale(1.1);
}

.work-pageu95user-first-creations .vector-0Y9M1G {
  background-color: transparent;
  height: 34px;
  left: 153px;
  position: absolute;
  top: 2775px;
  width: 36px;
}

.work-pageu95user-first-creations .group-1450-yf01o3 {
  background-color: transparent;
  height: 362px;
  left: 856px;
  position: absolute;
  top: 2955px;
  width: 431px;
}

.work-pageu95user-first-creations .home-page-3-3bqOkY {
  background-color: transparent;
  height: 348px;
  left: 20px;
  position: absolute;
  top: 14px;
  width: 411px;
}

.work-pageu95user-first-creations .image-3bqOkY {
  background-color: transparent;
  height: 170px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 245px;
}

.work-pageu95user-first-creations .group-1449-yf01o3 {
  background-color: transparent;
  height: 256px;
  left: 599px;
  position: absolute;
  top: 3127px;
  width: 389px;
}

.work-pageu95user-first-creations .vector-lOmxxn {
  background-color: transparent;
  height: 52px;
  left: 1253px;
  position: absolute;
  top: 2916px;
  width: 56px;
}

.work-pageu95user-first-creations .button-components {
  align-items: center;
  background-color: var(--main---lavender);
  border-radius: 160px;
  display: flex;
  gap: 10px;
  height: 70px;
  justify-content: center;
  padding: 12px 24px;
  position: absolute;
  width: 70px;
}

.work-pageu95user-first-creations .frame-48 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.work-pageu95user-first-creations .rectangle-8 {
  align-self: stretch;
  border-radius: 12px;
  height: 94px;
  position: relative;
  width: 100%;
}

.work-pageu95user-first-creations .vuesaxbrokenarrow-right {
  background-color: transparent;
  height: 24px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  position: relative;
  width: 24px;
}