@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Splash&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@500;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;800;900&display=swap);:root{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;margin:0}#root,body{font-family:Open Sans,sans-serif;overflow-x:hidden;scrollbar-width:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background:#0000;display:none;height:0;width:0}*{box-sizing:border-box;margin:0;padding:0}.cursor-main{text-transform:uppercase}.cursor-body,.cursor-main{align-items:center;display:flex;justify-content:center}.cursor-body{color:#fff}.cursor-span{font-family:sans-serif;font-size:30px;font-weight:300;position:absolute;transform:rotate(calc(var(--i)*21.17647deg)) scale(.3);transform-origin:40px 150px}@media screen and (max-width:767px){.cursor-main{display:none}}@media (hover:none){.cursor-main{display:none}}.base-wrap{background:#000;min-height:100vh;min-height:100svh;overflow:overlay;position:relative;width:100vw}.base-wrap::-webkit-scrollbar{display:none}.section-title{text-transform:uppercase}.section-wrap{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;min-width:100vw}.intro-wrap{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:550px){.intro-wrap{top:45%;transform:translate(-50%,-65%)}}.intro-wrap .sign{fill-rule:evenodd;animation-fill-mode:forwards;animation-timing-function:ease}.lastName,.sign,.v-hand{stroke-width:4;animation:signHand 2s ease}svg{display:block;padding-bottom:10px;width:500px}.subtitle{animation:smoke 5s 10s forwards;color:#fff;font-size:1.5rem;font-weight:400;letter-spacing:1.7rem;margin-top:20px;opacity:0;position:relative;text-align:center}h3.subtitle:before{content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes smoke{0%{opacity:0}to{opacity:1}}@keyframes signHand{to{stroke-dashoffset:0}}.sign.v{stroke-dasharray:198.64;stroke-dashoffset:198.64;animation-delay:0}.sign.ai{stroke-dasharray:148.38;stroke-dashoffset:148.38;animation-delay:1.5s}.sign.s-new{stroke-dasharray:92;stroke-dashoffset:92;animation-delay:3s}.sign.h{stroke-dasharray:193.49;stroke-dashoffset:193.49;animation-delay:4.5s}.sign.ali{stroke-dasharray:285.91;stroke-dashoffset:285.91;animation-delay:6s}.dot-1{animation-delay:9s}.dot-1,.dot-2{stroke-dasharray:27;stroke-dashoffset:27}.dot-2{animation-delay:7.5s}.nav-wrap{color:#fff;height:100%;overflow:hidden;position:fixed;right:0;top:0}.nav-list-block{grid-gap:5px;display:grid;gap:5px;height:100%;list-style:none;place-content:stretch}.nav-list-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-bottom-left-radius:15px;border-top-left-radius:15px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:30px 15px;position:relative;right:-60%;text-decoration:none;transition:all .2s ease}.nav-list-icon{height:5rem!important;padding-bottom:0!important;width:5rem!important}.nav-list-link{color:#fff;text-decoration:none;z-index:20}.nav-list-item:before{background:linear-gradient(45deg,#0000,#fff3,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:100%}.nav-list-item:hover{background:linear-gradient(45deg,#fff,#0000);right:0;z-index:15}.nav-list-link.text{font-family:sans-serif;font-size:2rem}@media screen and (max-width:850px){.nav-wrap{bottom:0;height:auto;left:0;right:auto;top:auto;width:100%}.nav-list-block{display:grid;grid-template-columns:repeat(4,1fr);height:auto;justify-content:space-evenly;width:100%}.nav-list-item{place-content:center;right:auto}}@media screen and (max-width:764px){.nav-list-link.text{display:none}.nav-list-item{padding:20px 0}.nav-list-icon{height:4rem!important;width:4rem!important}}@media screen and (max-width:550px){.name svg{width:300px}.subtitle{font-size:140%;letter-spacing:.9rem}}.mobile-home-footer{display:none}@media (hover:none){.mobile-home-footer{bottom:2vh;color:#edeaeab3;display:block;font-size:10px;font-weight:500;letter-spacing:5px;position:absolute;text-align:center;text-transform:uppercase;width:100%}}.about-v2-heading{align-items:center;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-size:15rem;height:100vh;letter-spacing:30px;padding-left:15rem;position:fixed;text-transform:uppercase;width:100%;z-index:99}.fixed-wrapper-about{height:2800px}.dummy{background-color:red;font-size:20rem;height:100vh}.fixed-section{height:2800px;overflow:scroll;position:fixed;width:100vw}.sticky-section{height:100vh;overflow:hidden;position:sticky;right:0;text-align:right;top:0}.sticky-img{height:100%;object-fit:cover;opacity:.3}.body-after-fixed-section{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;font-size:15px;height:100vh;justify-content:center;letter-spacing:2px;padding:5rem;position:absolute;top:500vh;width:50vw}@media screen and (min-width:768px) and (max-width:1100px){.body-after-fixed-section{font-size:1.8vw}}.diff-text{font-family:Playfair Display,serif}.diff-text2{color:#f3ca40}.intro-name{font-family:Playfair Display,serif;font-size:5rem;margin-bottom:1rem;text-align:center;width:100%}.angle-brackets{color:#f3ca40;display:none}.resume-btn{background:#fff;color:#000;display:inline-block;font-size:1.5rem;font-weight:500;margin-top:3rem;padding:20px 30px;text-align:center;text-decoration:none;width:95%}.grid-block-about{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-block:1rem;padding-inline:1rem;width:95%}.grid-block{align-items:center;background:#fff;border-radius:10px;color:#000;display:flex;flex-direction:column;padding:15px}.grid-block-icon svg{fill:#c66c00;font-size:clamp(2.5vw,2rem,2.5rem);padding:0}.grid-block-heading{font-size:clamp(12px,1.9vw,15px);font-weight:700}.grid-block-value{font-size:clamp(1.2rem,1.1rem,1.4rem);text-align:center}@media screen and (min-width:767px) and (max-width:1010px){.body-after-fixed-section{font-size:13px;line-height:1.5;padding:3rem}.grid-block-heading,.grid-block-value{letter-spacing:0;line-height:1}.grid-block-value{margin-top:5px}}@media screen and (max-width:1000px){.about-container{overflow-x:hidden}.about-v2-heading.mobile{font-size:17vh;font-size:17svh;left:-25%;letter-spacing:0;text-orientation:upright;top:-3%;writing-mode:vertical-lr}.sticky-img{width:100vw}.body-after-fixed-section{height:50vh;left:-300vw;letter-spacing:0;padding:2rem;position:relative;top:1750px;width:100%}.intro-name{font-family:Spectral,serif;font-size:3.5rem;line-height:1;margin-bottom:.6rem;text-align:center}.body-after-fixed-section p{font-size:1.6rem}.resume-btn{background:#fff;color:#000;display:inline-block;font-size:1.5rem;font-weight:500;margin-top:2rem;padding:10px 25px;text-align:center;text-decoration:none;width:90vw}.about-content{bottom:3vh;display:flex;flex-direction:column;height:50vh;justify-content:center;padding:1rem;position:fixed;width:95vw;width:97vw}.grid-block-about{gap:1rem;padding-inline:0;width:96%}}@media screen and (max-width:500px){.body-after-fixed-section p{font-size:1.4rem}.about-content{bottom:20px}}@media screen and (max-height:600px){.grid-block-about{display:none}.body-after-fixed-section p{font-size:2.5vh}}:root{--skill-card-height:13.14286vw;--line-height:calc(92vh - var(--skill-card-height) - 185px);--y-position-for-text:calc(var(--line-height)) /2}.skill-slider-wrapper{bottom:0;display:flex;gap:1vw;min-width:100vw;padding-left:1vw;position:absolute}.skill-card img{aspect-ratio:1/1;height:100%;object-fit:cover;width:100%}.skill-card{height:13.14286vw;min-width:13.14286vw;perspective:160rem;-moz-perspective:160rem;position:relative}.skill-card:before{background:#fff;bottom:calc(13.14286vw - .5vh);bottom:calc(var(--skill-card-height) - .5vh);content:"";display:inline-block;height:55vh;height:calc(92vh - 13.14286vw - 185px);height:var(--line-height);left:50vw;position:absolute;top:-50vh;top:auto;transform:translateX(-43vw) rotate(0deg);width:1px}.skill-card_back,.skill-card_front{backface-visibility:hidden;border-radius:50px;box-shadow:0 1.5rem 4rem #00000026;left:50%;position:absolute;top:50%;transition:all 1s ease-in-out}.skill-card_front{transform:rotateY(0deg);transform:translate(-50%,-50%);width:100%}.skill-name{font-weight:500}.skill-card_back{align-items:center;background:linear-gradient(45deg,#fff,#0000);color:#fff;display:flex;font-size:3rem;height:100%;justify-content:center;transform:translate(-50%,-50%) rotateY(180deg);width:100%}@media (hover:hover){.skill-card{cursor:pointer}.skill-card:hover .skill-card_front{transform:translate(-50%,-50%) rotateY(-180deg)}.skill-card:hover .skill-card_back{transform:translate(-50%,-50%) rotateY(0deg)}}.html5{background:radial-gradient(#f8622e,#e7e7e7)}.css3{background:radial-gradient(#2e61f7,#e6e6e6)}.javascript{background:radial-gradient(#fbe530,#e6e6e6)}.react{background:radial-gradient(#2ad6f9,#e6e6e6)}.github{background:radial-gradient(#f54528,#e6e6e6)}.sass{background:radial-gradient(#d25693,#e6e6e6)}.jquery{background:radial-gradient(#0e6bb4,#e6e6e6)}.skill-sliders{height:100vh;height:100dvh}h1.about-v2-heading.skill{background:#fff;border-bottom:1px solid #fff;border-top:0;color:#000;height:185px;justify-content:center;margin:0;padding:0 20px;position:absolute;width:100%;z-index:9}@media screen and (max-width:767px){.skill-sliders{height:90vh}.about-v2-heading.skill{font-size:10rem;letter-spacing:0}.skill-card{height:100px;min-width:100px}.skill-card_front{border-radius:0;border-radius:initial}}@media screen and (min-width:767px) and (hover:none){.skill-card_back{backface-visibility:hidden;background:none;font-size:2rem;height:auto;left:7vw;position:absolute;top:-150%;top:auto;top:calc(-46vh - -6.57143vw - -92.5px);top:calc(var(--y-position-for-text)*-1);transform:none;transform:translateY(-50%);width:auto;writing-mode:vertical-lr}}@media screen and (max-width:767px){.skill-sliders.mobile{height:100vh!important;height:100dvh!important;position:relative}.about-v2-heading.skill{font-size:13vh;height:inherit!important;padding:3vh 2vh;text-orientation:upright;width:30%!important;writing-mode:vertical-lr}.skill-card:before{height:1px;left:-5vw;top:45px;width:50vw}.skill-slider-wrapper{flex-direction:column;height:100%;margin-right:10vw;padding-top:5vh;position:static;width:100px}.skill-name{font-family:Open Sans,sans-serif;font-size:2rem;font-weight:300}.skill-card_back_mobile{color:#fff;left:-29vw;position:absolute;top:3vw}.is-in-view-target{bottom:0;height:100px;position:absolute;width:100px}.skill-card img{height:85px;width:85px}.skill-card_front{height:auto;width:auto}.skill-card{height:90px;width:80px}.mobile .skill-slider-wrapper{gap:1vh;padding-top:7.5vh}.mobile .skill-card{height:11.42857vh;min-width:11.42857vh}}.contact-section{background:url(https://images.unsplash.com/photo-1652175083753-1fbb5f793dc9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2160&q=80);color:#fff;display:flex;flex-direction:column;height:fit-content;justify-content:center;min-height:100vh;padding:6rem;width:100vw}.greet{font-family:Playfair Display,serif;font-size:21vw;font-weight:800;margin-top:-5rem;text-align:center;text-transform:uppercase}.contact-boxes-wrap{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem;width:100%}.contact-info{align-items:center;background-color:#282828;border-radius:20px;box-shadow:2px 2px 20px 4px #36363380;color:#fff;display:flex;flex-direction:column;font-family:Playfair Display,serif;font-size:45px;font-weight:700;height:clamp(450px,25rem,54vh);justify-content:center;text-decoration:none;transition:all .5s ease-in-out}.contact-info-detail{font-family:auto;font-size:20px;font-weight:300;opacity:0;transform:translateY(-10px);transition:all .5s ease-out}.contact-info-box{border-radius:20px;overflow:hidden;position:relative}.hover-icon{animation:mailMovement 10s linear infinite;left:50%;object-fit:contain;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.hover-icon.mail-icon{filter:invert(1);width:80px}.hover-icon.plane-icon{animation:linkedInMovement 10s linear infinite;width:90px}.footer{background:#282828;border-radius:15px;font-family:Open Sans;font-size:1rem;font-weight:100;margin-top:2rem;padding:2rem;text-align:center}@media screen and (max-width:767px){.footer{margin-top:0}}@keyframes mailMovement{0%{transform:translate(-50%,-50%)}20%{transform:translate(450%,-400%) rotate(-180deg)}40%{transform:translate(-50%,450%) rotate(-270deg)}60%{transform:translate(-500%,-10%) rotate(-1turn)}80%{transform:translate(-500%,250%) rotate(-540deg)}to{transform:translate(-50%,-50%) rotate(-2turn)}}@keyframes linkedInMovement{0%{transform:translate(-50%,-50%)}20%{transform:translate(25vw,-35vh) rotate(-180deg)}40%{transform:translate(5vw,40vh) rotate(-270deg)}60%{transform:translate(-15vw,-60vh) rotate(-1turn)}80%{transform:translate(-30vw,25vh) rotate(-540deg)}to{transform:translate(-50%,-50%) rotate(-2turn)}}.contact-info-label{opacity:.7;transform:translateY(10px);transition:all .5s ease-out}@media (hover:hover){.contact-info-box:hover .contact-info-detail,.contact-info-box:hover .contact-info-label{opacity:1;transform:translateY(0)}.contact-info-box:hover .contact-info:after{display:block}.contact-info-box:hover .hover-icon{opacity:1}.contact-info-box:hover .contact-info{background:#797871}}@media screen and (min-width:551px) and (max-width:950px){.contact-section{padding:2rem}.greet{line-height:1;margin-bottom:2rem;margin-top:1rem}.contact-boxes-wrap{gap:2rem}.contact-info{height:50vh}.contact-info-label{opacity:1}.hover-icon{width:100px}.contact-info-detail{font-size:15px}}@media screen and (max-width:550px){.contact-section{gap:2.5rem;padding:2rem}.greet{line-height:1;margin-top:1rem}.contact-boxes-wrap{gap:2.5rem;grid-template-columns:none;grid-template-rows:repeat(2,1fr)}.contact-info{font-size:35px;height:clamp(250px,25rem,54vh)}.contact-info-detail{font-size:14px}.hover-icon.plane-icon{width:70px}}@media screen and (max-width:320px){.greet{font-size:18vw}}.projects-wrap .wrap{background-color:#000;height:100vh;height:100dvh;overflow:overlay;width:100vw}.projects-wrap .wrap,.slider{align-items:center;display:flex}.slider{cursor:pointer;justify-content:flex-end;width:100%}.slider .project-icon-img{aspect-ratio:4/3;object-fit:contain;pointer-events:none!important;width:300px}.logo{height:100vh;height:100dvh;left:0;position:relative;position:fixed;width:50vw;z-index:99}.slider.logo{cursor:grab;top:auto}.project-icon img{display:none}img.project-icon-img.active{display:block;filter:blur(0);opacity:1;position:absolute;transform:scale(1.5)}img.project-icon-img.next{display:block;opacity:.5}img.project-icon-img.top{display:block;transition:all 3s ease-in}img.project-icon-img.front{display:block;filter:blur(0) drop-shadow(2px 4px 6px rgb(0,0,1))}@keyframes animateIcon{0%{bottom:-7%;left:-20%;transform:translate(-10%)}50%{transform:translate(20%,7%)}to{bottom:50%;left:30%;transform:translate(-10%,-50%) scale(1.5)}}@keyframes animateIconTop{0%{left:30%;top:50%;transform:translate(-10%,-50%) scale(1.5)}50%{transform:translate(20%,10%)}to{left:-6%;top:10%;transform:translateY(-10%) scale(1)}}img.project-icon-img.top.animateIcon{animation:animateIconTop 1s ease-in}img.project-icon-img.bottom{display:block}.flat-slider .project-icon-img{aspect-ratio:4/3;display:block;filter:drop-shadow(10px 10px 20px black);object-fit:contain;position:static;transform:none;transition:none;width:200px}.flat-slider .project-icon-img.big{width:250px}.flat-slider .project-icon{box-shadow:none;transition:all 2s ease-out}.flat-slider .logo{align-items:center;background:linear-gradient(180deg,#0000 -30%,#5006bd 60%,#000 120%);display:flex;flex-direction:row;gap:10rem;justify-content:center;overflow:scroll;padding-left:70rem;padding-right:20rem;position:relative;scrollbar-width:none;width:100vw}.wrap::-webkit-scrollbar{display:none}@media screen and (min-width:1400px){.flat-slider .logo{overflow:hidden;padding-left:0;padding-right:0}}.project-page-heading{color:#fff;font-family:sans-serif;font-size:5rem;left:50%;margin-top:5rem;position:fixed;text-transform:uppercase;top:0;transform:translateX(-50%)}.progress{display:flex;height:80px;justify-content:center;margin:0;padding:0;position:sticky;top:0}.progress svg{width:75px}circle{stroke-dashoffset:0;stroke-width:5%;fill:none}.bg{opacity:.2}.bg,.progress .indicator{stroke:red}.scroll-center{background:#deb887;bottom:0;position:fixed;top:0;width:20px;z-index:999}span.close{align-items:center;background:#0000;border:1px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:10rem;justify-content:center;left:-95%;position:absolute;top:50%;transform:translateY(-50%);transition:all .5s ease-in-out;width:10rem;z-index:9;z-index:99999}.close svg{fill:#ffffff8c;font-size:3rem;margin:0;padding:0}span.close:hover{border:1px solid #fff}span.close:hover svg{fill:#fff}.project-icon img{position:absolute}.project-heading-wrap{height:100vh;height:100svh;position:fixed;width:100vw;z-index:999}.project-heading,.project-heading-wrap{align-items:center;background:linear-gradient(180deg,#0000 -30%,#5006bd 60%,#000 120%),linear-gradient(152deg,#dee1df,#168745);display:flex;justify-content:center}.project-heading{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ffffffc4,#5006bda6);-webkit-background-clip:text;color:#fff;filter:drop-shadow(10px 1px 15px rgba(0,0,0));font-family:sans-serif;font-size:18vw;font-weight:bolder;line-height:1;opacity:1;position:static;text-transform:uppercase;top:75%;transform:translateX(0);transform:none;width:100%}.project-footer,.project-heading{display:block;letter-spacing:0;text-align:center}.project-footer{bottom:15px;color:#edeaeab3;font-size:14px;font-weight:500;position:absolute;text-transform:uppercase;width:90%}.projects-wrap:has(.slider)~.nav{display:none}@media screen and (max-width:767px){.slider{flex-direction:column-reverse;height:100%}.slider .logo{height:35vh;top:0;transform:perspective(60px);transform-style:preserve-3d;width:100vw}.slider img.project-icon-img.front{bottom:30%;left:50%;top:auto}.slider img.project-icon-img.top{bottom:-10%;left:-10%;top:auto;transform:none}.slider img.project-icon-img.bottom{bottom:-10%;left:auto;right:-10%;top:auto;transform:none}.slider .project-icon-img{width:180px}.project-footer{bottom:5px;padding:1rem 1rem 0;width:100%}.flat-slider{overflow:hidden}.flat-slider .logo::-webkit-scrollbar{display:none}.flat-slider .logo{justify-content:normal;overflow-x:overlay;padding-inline:0;scroll-snap-type:x mandatory}.flat-slider .logo .project-icon{align-items:center;flex-direction:column;height:100vh;height:100svh;justify-content:center;min-width:100vw;scroll-snap-align:start}.flat-slider .logo .project-icon img{width:400px;z-index:40}.project-icon:hover img{transform:none!important}.project-icon-img.front{width:130px}.project-icon-img.bottom,.project-icon-img.top{width:120px}}@media screen and (min-width:768px) and (max-width:1000px){.flat-slider .logo{flex-wrap:wrap;gap:10rem;gap:0 20rem;overflow-x:hidden;padding-inline:0}}.projects-wrap{display:flex}.slider .logo{perspective:60px;transform-style:preserve-3d}.project-icon{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:2.5rem;font-style:italic;gap:2rem;transform:scale(1) translateZ(-1rem)}.project-icon:hover{cursor:pointer}.project-icon .project-name{opacity:0;transform:translateY(-10rem) scale(0);transition:all 1s ease-in-out}.flat-slider .project-icon img{transition:all 2s ease-in-out}.project-icon:hover img{transform:scale(2) translateZ(1rem)}.project-icon:hover .project-name{opacity:1;transform:translateY(0) scale(1)}.flat-slider .project-name{color:#fff;font-family:sans-serif;font-size:26vw;font-weight:700;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%);transition:all 1.2s ease-in-out;z-index:40}.flat-slider .project-name.mobile{display:none}@media screen and (max-width:767px){.flat-slider .project-name.mobile{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ffffffc4,#5006bda6);-webkit-background-clip:text;display:block;font-size:25vw;opacity:1;position:static;text-align:center;top:75%;transform:none;width:100%}}.detail-wrap{cursor:grab;position:relative;width:50vw;z-index:999}.detail-wrap,.details{display:flex;flex-direction:column;height:100vh;height:100svh}.details{align-items:flex-start;color:#fff;justify-content:center;width:100%}.details .name{font-family:Playfair Display,serif;font-size:6rem;text-transform:capitalize}.name-subs{font-size:2rem;font-weight:400}.detail-wrap .project-desc{width:85%}.detail-wrap .tags-wrap{color:#f5f5f5;display:flex;filter:drop-shadow(2px 4px 6px black);flex-wrap:wrap;font-size:1.5rem;font-style:italic;gap:.3rem 2rem;margin-block:1rem;width:90%}.close-btn{align-items:center;background:#fff;border:1px solid #fff;border-radius:50%;color:#0000008c;cursor:pointer;display:flex;filter:drop-shadow(2px 5px 5px black);font-size:2rem;height:5rem;justify-content:center;left:-52vw;opacity:.5;position:absolute;top:30vh;transition:all 2s ease-in-out;width:5rem}.close-btn svg{font-size:3rem;padding:0}.close-btn:hover{color:#414141;height:10rem;left:-50vw;opacity:.8;width:10rem}.slider .project-name{display:none}.demo-btn{background:#fff;border:1px solid #fff;border-radius:10px;color:#fff;font-family:sans-serif;font-size:13.3px;font-weight:700;margin-block:2rem;padding:2rem;text-align:center;text-decoration:none;transition:all .5s ease-in;width:90%}.demo-btn:hover{background:#fff;color:green;text-decoration:underline}.detail-wrap .project-desc{font-size:1.8rem;margin-block:1rem;width:90%}.detail-wrap .details:not(.name){font-family:Open Sans,sans-serif;font-size:1.8rem}.name-subs{font-family:Open Sans,sans-serif}.details .features li,.details .tech li{font-size:1.5rem}.details .features ul,.details .tech ul{margin-left:1rem}.details .grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-block:1.5rem;width:90%}.details .grid-heading{display:inline-block;font-weight:700;margin-bottom:1rem}.details .tech .key{font-weight:700}.back-btn{display:none}@media screen and (max-width:1100px){.close-btn{top:40vh;z-index:9999}}@media screen and (min-width:767px) and (max-width:1200px){.details .project-desc{font-size:1.6rem;margin-block:1rem;width:90%}.details .features li,.details .tech li{font-size:1.4rem}.details .features ul,.details .tech ul{margin-left:2rem}.details .grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:none;margin-block:1rem;width:90%}.details .grid-heading{display:inline-block;font-size:1.6rem;font-weight:700;margin-bottom:1rem}.detail-wrap .tags-wrap{font-size:1.3rem}}@media screen and (max-width:767px){.detail-wrap.mobile{bottom:0;height:auto;padding-block:5vh;position:absolute;width:100vw}.details.mobile{align-items:center;height:100%;justify-content:flex-start;padding:1rem}.details .name{font-size:5rem;line-height:1;margin-bottom:2rem}.details .project-desc{font-size:1.4rem;margin-block:1rem;width:95%}.details .tags-wrap{font-size:1.3rem;width:95%}.details .demo-btn{background:#fff;color:green;font-size:15px;margin-block:1rem;opacity:.9;padding:1rem;text-align:center;width:95vw}.details .grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:0;margin-left:1rem;margin-top:1.5rem;width:100%}.close-btn{background:#0000;color:#fff;filter:drop-shadow(2px 5px 5px rgba(0,0,0,.5));left:4%;opacity:.7;top:-50%}.slider{position:relative}.back-btn{align-items:center;background:#fff;border:1px solid #fff;border-radius:50%;color:#414141;display:flex;filter:drop-shadow(2px 5px 5px black);font-size:2rem;height:5rem;justify-content:center;left:5%;opacity:.8;position:absolute;top:5%;transition:all 2s ease-in-out;width:5rem;z-index:100}.back-btn svg{font-size:3rem;padding:0}}@media screen and (min-width:768px) and (max-width:810px){.back-btn{align-items:center;background:#fff;border:1px solid #fff;border-radius:50%;bottom:5%;color:#414141;display:flex;filter:drop-shadow(2px 5px 5px black);font-size:2rem;height:8rem;justify-content:center;left:5%;opacity:.8;position:absolute;transition:all 2s ease-in-out;width:8rem;z-index:100}.back-btn svg{font-size:3rem;padding:0}}@media screen and (min-width:500px) and (max-width:767px){.project-desc{display:block;margin-bottom:0;margin-top:1.5rem}.details .grid{width:95%}.details .demo-btn{padding:1rem}.detail-wrap .details:not(.name){margin-block:0}}@media screen and (max-width:567px){.details .name{font-size:4rem;line-height:1;margin-bottom:0}.details .grid{gap:1.5rem;grid-template-columns:none;margin-bottom:1rem;margin-left:1rem;margin-top:1.5rem}.details .features ul,.details .tech ul{margin-left:3rem}.details .grid-heading{margin-bottom:.5rem}.details .demo-btn{margin-bottom:0}.detail-wrap.mobile{bottom:0;height:auto;padding-block:5vh}.detail-wrap .details:not(.name){margin-bottom:0;padding:2rem 2rem 0}}@media screen and (max-width:567px) and (max-height:770px){.details .project-desc{display:none}}.rounded-ham{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff;border-radius:50%;bottom:2rem;cursor:pointer;padding:1rem;position:fixed;right:2rem;z-index:999}.rounded-ham svg,.rounded-menu-item svg{fill:#fff;font-size:4rem;padding:0!important}.rounded-menu-item{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff;border-radius:50%;display:flex;justify-content:center;padding:1rem 1.5rem}.rounded-menu-item svg{font-size:3rem;transform:none}.rounded-menu{display:none}.rounded-menu.active{bottom:2rem;display:flex;gap:2rem;position:fixed;right:10rem;z-index:999}a.rounded-menu-item_link{align-items:center;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.rounded-menu-item_name,.socials{color:#fff}.socials{bottom:2rem;left:2rem;position:fixed;z-index:999}.social-heading{display:none;font-size:3rem;font-weight:500;margin-block:2rem}.social-menu{display:flex;gap:2rem}li.social-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(40deg,#000,#0000 75%);border:1px solid #fff;border-radius:50%;font-size:1.5rem;list-style:none;padding:1.5rem;position:relative}.social-item svg{padding:0;width:30px}.social-item_link{color:#fff}.social-name{display:none}@media screen and (max-width:767px){.nav.active{height:100vh;height:100svh;left:0;top:0;width:100vw;z-index:999}.nav::-webkit-scrollbar{display:none}.rounded-ham.mobile{bottom:auto;left:auto;right:1rem;top:1rem;z-index:9999}.rounded-menu.active{align-items:flex-start;background:linear-gradient(180deg,#282828,#000);gap:0;height:100vh;height:100svh;left:0;padding-left:2rem;padding-top:4rem;top:0;width:100vw}.rounded-menu-item{-webkit-backdrop-filter:none;backdrop-filter:none;border:none}a.rounded-menu-item_link{flex-direction:row;gap:2rem}a.rounded-menu-item_link svg{border:1px solid #fff;border-radius:50%;font-size:6rem;padding:1rem!important}.rounded-menu-item_name{font-size:2rem}.socials{bottom:5rem;color:#fff;left:4rem;position:absolute;top:auto}.social-heading{display:inline-block;font-size:3rem;font-weight:500;margin-block:2rem}.social-menu{display:flex;gap:2rem}li.social-item{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;border-radius:initial;font-size:1.5rem;list-style:none}.social-item svg{padding-bottom:10px;width:40px}.social-item_link{align-items:center;color:#fff;display:flex;flex-direction:column}.social-name{display:block}.nav{position:fixed;z-index:999}.nav.active{align-items:flex-start;background:linear-gradient(180deg,#282828,#000);gap:12vh;padding:7vh 10vw}.nav.active,.rounded-menu.active{display:flex;flex-direction:column}.rounded-menu.active{background:none;gap:2rem;position:static}.rounded-menu-item,.rounded-menu.active{height:auto;padding:0}.socials{position:static}}
/*# sourceMappingURL=main.2ed0c283.css.map*/