@keyframes spincube{0%,to{transform:rotateX(0)rotateY(0)rotate(0)}16%{transform:rotateY(-90deg)rotate(90deg)}33%{transform:rotateY(-90deg)rotateX(90deg)}50%{transform:rotateY(-180deg)rotate(90deg)}66%{transform:rotateY(-270deg)rotateX(90deg)}83%{transform:rotateX(90deg)}}.about{flex-direction:row;align-items:center;min-height:56.6rem;padding:4rem 2rem;animation:1s forwards fadeIn;display:flex}@media only screen and (max-width:56.25em){.about{flex-direction:column}}.about__left{flex:0 0 60%}@media only screen and (max-width:56.25em){.about__left{flex:0 0 100%}}.about__right{flex:1;justify-content:center;display:flex}@media only screen and (max-width:56.25em){.about__right{flex:0 0 100%}}.about__description{color:var(--slate)}.about__description:before{content:"<p>";color:var(--primary);opacity:.7;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500;display:block}.about__description:after{content:"</p>";color:var(--primary);opacity:.7;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500;display:block}.about__skillsItems:before{content:"▹";color:var(--primary);margin-right:.6rem;font-size:1.4rem;line-height:18px;left:0}.about__skillsList{grid-template-columns:repeat(3,minmax(14rem,20rem));gap:0 10px;margin:1rem 0;padding:0;font-size:1.4rem;list-style:none;display:grid;overflow:hidden}@media only screen and (max-width:37.5em){.about__skillsList{grid-template-columns:repeat(2,minmax(14rem,20rem))}}.about__headingPrimary{letter-spacing:-.03em;color:var(--lightest-slate);margin-bottom:1.6rem;font-size:4.5rem;font-weight:800;line-height:1}.about__headingPrimary:before{content:"<h1>";color:var(--primary);opacity:.7;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500;display:block}.about__headingPrimary:after{content:"</h1>";color:var(--primary);opacity:.7;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500;animation:1s 1.7s backwards fadeIn;display:block}.about__link,.about__link:link,.about__link:visited{text-decoration-skip-ink:auto;color:var(--primary);font-size:inherit;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1);position:relative}.about__link:after{content:"";background-color:var(--primary);transform-origin:100% 100%;width:100%;height:1px;transition:transform .25s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.about__link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.about__icon{width:10rem;height:10rem}.stage-cube-cont{margin-bottom:28rem}@media only screen and (max-width:56.25em){.stage-cube-cont{margin-top:6rem}}.cubespinner{transform-style:preserve-3d;transform-origin:10rem 10rem 0;margin-left:calc(50% - 10rem);animation-name:spincube;animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media only screen and (max-width:56.25em){.cubespinner{margin-left:calc(50% - 15rem)}}@media only screen and (max-width:37.5em){.cubespinner{margin-left:calc(50% - 12rem)}}.cubespinner div{text-align:center;width:200px;height:200px;box-shadow:0 0 20px 0px var(--primary);background:#fff6;border:1px solid #ccc;justify-content:center;align-items:center;font-size:100px;display:flex;position:absolute}.cubespinner .face1{color:#dd0031;transform:translateZ(100px)}.cubespinner .face2{color:#f06529;transform:rotateY(90deg)translateZ(100px)}.cubespinner .face3{color:#28a4d9;transform:rotateY(90deg)rotateX(90deg)translateZ(100px)}.cubespinner .face4{color:#5ed4f4;transform:rotateY(180deg)rotate(90deg)translateZ(100px)}.cubespinner .face5{color:#efd81d;transform:rotateY(-90deg)rotate(90deg)translateZ(100px)}.cubespinner .face6{color:#ec4d28;transform:rotateX(-90deg)translateZ(100px)}.about__image{width:100%;height:auto;box-shadow:0 10px 30px -15px var(--primary);border-radius:30px}
.project{min-height:56.6rem;padding:4rem 2rem;animation:2s forwards fadeIn}.project__section{height:40rem;margin-bottom:15rem;animation:2s forwards fadeInUp;display:flex;position:relative}.project__section3{margin-bottom:0}@media only screen and (max-width:56.25em){.project__section{display:none}}@media only screen and (max-width:37.5em){.project__section{display:none}}@media only screen and (max-width:75em){.project__section{margin-bottom:7.5rem}}.project__left{flex:0 0 60%}.project__left1{flex:0 0 40%!important}.project__right{text-align:right;flex:1}.project__img{filter:brightness(70%);width:100%;box-shadow:0 10px 30px -15px #020c1bb3}.project__img1{width:70%}.project__headingTertiary{color:var(--primary);font-size:1.5rem;font-weight:500}.project__headingSecondary{color:var(--lightest-slate);font-size:2.2rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1)}.project__headingSecondary:hover{color:var(--primary)}.project__description{background-color:var(--surface-elevated);letter-spacing:.6px;width:55rem;color:var(--light-slate);border-radius:15px;margin-top:1rem;padding:2rem;font-size:1.4rem;box-shadow:0 10px 30px -15px #020c1bb3}.project__descriptionContainer{z-index:3;position:absolute;right:0}.project__descriptionContainer1{left:0!important}.project__tags{color:var(--light-slate);margin-top:1rem;font-size:1.4rem}.project__icons{justify-content:flex-end;margin-top:1.6rem;display:flex}.project__icons1{justify-content:flex-start}.project__icon{width:2rem;height:2.2rem;fill:var(--light-slate);cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}.project__icon:hover{fill:var(--primary)}.projectResp__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin:50px 0 0;padding:0;list-style:none;animation:2s forwards fadeInUp;display:none;position:relative}@media only screen and (max-width:37.5em){.projectResp__list{display:grid}}@media only screen and (max-width:56.25em){.projectResp__list{display:grid}}.projectResp__items{background-color:var(--surface-elevated);cursor:pointer;border-radius:15px;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:2rem 1.75rem;transition:all .25s cubic-bezier(.645,.045,.355,1);display:flex;box-shadow:0 10px 30px -15px #020c1bb3}.projectResp__items1{background:url(../media/1.0-bq56~cnl9_x.png) 50%/cover}.projectResp__items2{background:url(../media/2.02j0kqa2~k-r..png) 50%/cover}.projectResp__items3{background:url(../media/3.15sofp-opgrtr.png) 50%/cover}.projectResp__items:hover{transform:translateY(-5px);box-shadow:0 10px 60px -15px #020c1bb3}.projectResp__cardTop{justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.projectResp__cardBody{margin:1.6rem auto}.projectResp__cardBodyHeading{color:var(--primary);font-size:2.2rem;font-weight:700}.projectResp__cardBodyDescription{color:var(--light-slate);margin-top:.6rem;font-size:1.4rem}.projectResp__cardLink{align-items:center;display:flex}.projectResp__cardFolder{width:3rem;height:3rem;fill:var(--primary)}.projectResp__icon{width:2rem;height:2rem;fill:var(--light-slate);cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}.projectResp__icon:hover{fill:var(--primary)}.projectResp__tags{color:var(--light-slate);margin-top:1rem;font-size:1.4rem}
.other{padding:4rem 2rem}.other__container{justify-content:center;display:flex}.other__headingPrimary{letter-spacing:-.03em;color:var(--lightest-slate);align-items:center;margin-bottom:1.6rem;font-size:3.5rem;font-weight:800;line-height:1;display:flex}.other__headingPrimary:before{content:"<h3>";color:var(--tag-accent);opacity:.7;margin-right:1rem;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500}.other__headingPrimary:after{content:"</h3>";color:var(--tag-accent);opacity:.7;margin-left:1rem;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500;animation:1s 1.7s backwards fadeIn}.other__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin:50px 0 0;padding:0;list-style:none;animation:2s forwards fadeInUp;display:grid;position:relative}.other__items{background-color:var(--surface-elevated);cursor:pointer;border-radius:15px;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:2rem 1.75rem;transition:all .25s cubic-bezier(.645,.045,.355,1);display:flex;box-shadow:0 10px 30px -15px #020c1bb3}.other__items:hover{transform:translateY(-5px);box-shadow:0 10px 60px -15px #020c1bb3}.other__cardTop{justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.other__cardBody{margin:1.6rem auto}.other__cardBodyHeading{color:var(--primary);font-size:2.2rem;font-weight:700}.other__cardBodyDescription{color:var(--light-slate);margin-top:.6rem;font-size:1.4rem}.other__cardLink{align-items:center;display:flex}.other__cardFolder{width:3rem;height:3rem;fill:var(--primary)}.other__icon{width:2rem;height:2rem;fill:var(--light-slate);cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}.other__icon:hover{fill:var(--primary)}.other__tags{color:var(--light-slate);margin-top:1rem;font-size:1.4rem}
.sec{height:54rem;padding:4rem 2rem;animation:2s forwards fadeIn}.touch{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 25rem;display:flex}@media only screen and (max-width:37.5em){.touch{padding:0 5rem}}.touch__label{color:var(--primary);margin-bottom:3rem}.touch__headingPrimary{letter-spacing:-.03em;color:var(--lightest-slate);align-items:center;margin-bottom:3rem;font-size:6rem;font-weight:800;line-height:1;display:flex}@media only screen and (max-width:37.5em){.touch__headingPrimary{font-size:4rem}}.touch__headingPrimary:before{content:"<h1>";color:var(--tag-accent);opacity:.7;margin-right:1rem;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500}.touch__headingPrimary:after{content:"</h1>";color:var(--tag-accent);opacity:.7;margin-left:1rem;font-family:La Belle Aurore,cursive;font-size:1.8rem;font-weight:500;animation:1s 1.7s backwards fadeIn}.touch__description{color:var(--light-slate);margin-bottom:2rem}
.left{animation:1s forwards fadeIn;position:fixed;bottom:0;left:40px;right:auto}@media only screen and (max-width:37.5em){.left{display:none}}@media only screen and (max-width:56.25em){.left{display:none}}.left__social{list-style:none}.left__linkItems{cursor:pointer;padding:1rem}.left__linkItems:hover .left__icon{fill:var(--primary);transform:translateY(-5px)}.left__icon{width:2rem;height:2rem;fill:var(--light-slate);cursor:pointer;transition:all .25s cubic-bezier(.645,.045,.355,1)}.left__line{content:"";background-color:var(--light-slate);width:1px;height:9rem;margin:1.3rem auto 0;display:block}
.right{animation:1s forwards fadeIn;position:fixed;bottom:0;left:auto;right:4rem}@media only screen and (max-width:37.5em){.right{display:none}}@media only screen and (max-width:56.25em){.right{display:none}}.right__social{list-style:none}.right__email,.right__email:link,.right__email:visited{color:var(--light-slate);letter-spacing:.15em;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;margin:20px auto;padding:10px;font-size:1.3rem;text-decoration:none;transition:all .25s cubic-bezier(.645,.045,.355,1)}.right__email:hover{color:var(--primary);transform:translateY(-5px)}.right__line{content:"";background-color:var(--light-slate);width:1px;height:9rem;margin:1.3rem auto 0;display:block}
.page{display:flex}.page__left,.page__right{flex:0 0 8%}@media only screen and (max-width:37.5em){.page__left,.page__right{display:none}}@media only screen and (max-width:56.25em){.page__left,.page__right{display:none}}.page__center{flex:1}