@import"https://fonts.googleapis.com/css2?family=Fahkwang&display=swap";:root{--scrollbar-height: "0px";--hovered: 0;--removeCursor: 0;font-family:Fahkwang!important;font-size:10px;font-weight:400;overflow-x:hidden;background-color:#e6e6e6;font-synthesis:none;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;cursor:none}::selection{color:#f3f3f3;background:rgb(10,10,10)}body{margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:0px}.loop-container{display:flex;justify-content:center;align-items:center;background-color:#131313;height:100vh;width:100vw;top:0;left:0;overflow:hidden}.loop-container svg{position:absolute;top:0;left:0px;width:100%;height:100%;opacity:.8}.loop-container g path{stroke-dasharray:0;stroke-dashoffset:900;animation:animatePathloader 4s infinite normal;opacity:0}@keyframes slideAnimation{0%{top:-100%}to{top:0}}@-webkit-keyframes slideAnimation{0%{top:-100%}to{top:0}}.intro-container-outter{background-color:#131313}.intro-container-outter .intro-container{position:relative;text-align:center;min-height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}.intro-container-outter .intro-container svg{position:absolute;top:0;left:0px;width:100%;height:100%;opacity:.6}.intro-container-outter .intro-container g path{stroke-dasharray:200;stroke-dashoffset:900;animation:animatePath 10s ease-in-out infinite normal;animation-delay:calc(.1s * (1 + (var(--index))));opacity:0}.intro-container-outter .intro-container g path:nth-child(n+5){stroke:#afbed4;z-index:1}.intro-container-outter .intro-container g path:nth-child(4){--index: 0}.intro-container-outter .intro-container g path:nth-child(3){--index: 1}.intro-container-outter .intro-container g path:nth-child(2){--index: 2}.intro-container-outter .intro-container g path:nth-child(1){--index: 3}.intro-container-outter .intro-title{color:#e9e9e9;font-size:124px;-webkit-text-stroke:.7px #e9e9e9;background-clip:text;-webkit-background-clip:text;color:transparent;z-index:10;position:relative}.intro-container-outter .desc-container{display:flex;justify-content:center;align-items:center;margin-top:0}.intro-container-outter .desc-container .intro-info{color:#e9e9e9;font-size:25px;text-shadow:2px 2px 0px rgba(0,0,0,.3);position:relative;z-index:10;background-color:#0e0e0e4d;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px);padding:5px 10px}.intro-container-outter .desc-container .intro-info:before{content:"";display:block;position:absolute;top:10px;left:-10px;width:calc(100% + 20px);height:80%;background-color:#0e0e0e80;background:linear-gradient(85deg,hsl(0,0%,6%) 0%,hsl(0,0%,7%));border:1px solid rgb(24,21,21);opacity:.3;backdrop-filter:blur(5px);transform:rotate(-2deg);border-radius:2px;z-index:-1}.intro-container-outter .desc-container .and{color:#e9e9e9;font-size:30px;text-shadow:2px 2px 0px rgba(0,0,0,.3);position:relative;z-index:3;margin:0 20px}@keyframes animatePath{0%{stroke-dashoffset:1000;opacity:.4}50%{stroke-dashoffset:0;opacity:.4}to{stroke-dashoffset:1000;opacity:.4}}@-webkit-keyframes animatePath{0%{stroke-dashoffset:1000;opacity:.4}50%{stroke-dashoffset:0;opacity:.4}to{stroke-dashoffset:1000;opacity:.4}}@-webkit-keyframes animatePathloader{0%{stroke-dashoffset:1000;opacity:.4}to{stroke-dasharray:0;stroke-dashoffset:0;opacity:1}}@keyframes animatePathloader{0%{stroke-dashoffset:1000;opacity:.4}to{stroke-dasharray:0;stroke-dashoffset:0;opacity:1}}.explore-container{display:flex;align-items:flex-end;justify-content:center}.explore-container .explore{font-size:30px;padding:.5rem 2rem;background:none;border:none;border-radius:4px;color:#e9e9e9;text-shadow:2px 2px 4px rgba(19,19,19,.5);font-weight:100;position:absolute;bottom:40px;z-index:10}.explore-container .explore:hover{letter-spacing:3px;cursor:none;background-color:#e9e9e9;color:#131313;--hovered: 1;transition:.5s all ease-in-out}.about-container-outter{background:rgb(231,231,231);width:100vw;position:relative;z-index:2}.about-container{position:relative;text-align:left;min-height:auto;padding:30px 60px;box-sizing:border-box;margin-right:134px}.about-container .title{color:#131313;font-size:60px;margin:20px 0}.about-container .bio-selfie-container{display:flex;margin-bottom:60px;gap:20px}.about-container .bio-selfie-container .left-bio{flex:1}.about-container .bio-selfie-container .left-bio .bio{font-size:18px;opacity:0;margin:0 0 20px}.about-container .bio-selfie-container .left-bio .skill-container h1{border-radius:4px;text-align:left;text-decoration:overline;margin-bottom:3px}.about-container .bio-selfie-container .left-bio .skill-container .skill-bar{background-color:#c5c5c5;border-radius:4px;padding:5px;margin:3px;display:inline-flex}.about-container .bio-selfie-container .left-bio .skill-container .skill-bar-fill{background-color:#222;border-radius:4px;text-align:left;color:#fff;display:inline}.about-container .bio-selfie-container .left-bio .skill-container .skill-name{font-weight:700;color:#e2e2e2;font-size:14px;letter-spacing:4px;padding:5px}.about-container .bio-selfie-container .right-selfie{flex:1}.about-container .bio-selfie-container .right-selfie svg{display:flex;justify-content:center;align-items:center;height:500px;width:100%}.about-container .bio-selfie-container .right-selfie .info-box{position:absolute;background-color:#e7e7e799;border-radius:4px;backdrop-filter:blur(20px);animation:opacityChange 5s infinite;-webkit-animation:opacityChange 5s infinite;padding:10px;display:flex;align-items:center;opacity:0}.about-container .bio-selfie-container .right-selfie .info-box h1{color:#131313;margin:0;font-size:18px}.about-container .bio-selfie-container .right-selfie .box-1{width:290px;height:40px;top:30%;right:12%;animation-delay:.3s}.about-container .bio-selfie-container .right-selfie .box-2{width:290px;height:40px;top:55%;right:8%;animation-delay:.6s}.about-container .bio-selfie-container .right-selfie .box-3{width:290px;height:40px;top:70%;right:10%;animation-delay:.9s}.about-container .bio-selfie-container .right-selfie .info-box-line{position:absolute;right:0%;height:1px;z-index:1;background-color:#272727;opacity:0;margin-top:7px}.about-container .bio-selfie-container .right-selfie .line-1{top:35%;width:24%;animation:shrinkLine-1 4s alternate infinite ease-in-out;-webkit-animation:shrinkLine-1 4s alternate infinite ease-in-out;animation-delay:.3s}.about-container .bio-selfie-container .right-selfie .line-2{top:60%;width:19%;animation:shrinkLine-2-3 4s alternate infinite ease-in-out;-webkit-animation:shrinkLine-2-3 4s alternate infinite ease-in-out;animation-delay:.9s}.about-container .bio-selfie-container .right-selfie .line-3{top:75%;width:19%;animation:shrinkLine-2-3 4s alternate infinite ease-in-out;-webkit-animation:shrinkLine-2-3 4s alternate infinite ease-in-out;animation-delay:1.5s}.about-container .links-container{display:flex;justify-content:center;align-items:center;gap:40px}.about-container .links-container h1{margin:0;color:#131313}.about-container .links-container .social-link{border:1px solid rgb(214,214,214);border-radius:2px;padding:15px 30px;box-sizing:border-box;position:relative;overflow:hidden}.about-container .links-container .social-link:hover{background-color:#131313;cursor:none;--hovered: 1;transition:.5s all ease-in-out}.about-container .links-container .social-link:hover h1{color:#e7e7e7!important}.about-container .links-container .social-link:hover:before{border:1px solid rgb(41,41,41)}@keyframes rotateSocialBorder{0%{transform:rotate(0)}to{transform:rotate(10deg)}}@-webkit-keyframes rotateSocialBorder{0%{transform:rotate(0)}to{transform:rotate(10deg)}}@-webkit-keyframes shrinkLine-1{0%{width:24%}to{width:22%}}@keyframes shrinkLine-1{0%{width:24%}to{width:22%}}@-webkit-keyframes shrinkLine-2-3{0%{width:19%}to{width:17%}}@keyframes shrinkLine-2-3{0%{width:19%}to{width:17%}}@-webkit-keyframes opacityChange{0%{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}25%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}50%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}75%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes opacityChange{0%{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}25%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}50%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}75%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.project-container-outter{background:rgb(19,19,19);width:100vw;position:relative;z-index:2}.project-container{position:relative;text-align:left;min-height:auto;padding:30px 60px;box-sizing:border-box;margin-right:134px}.project-container .title{color:#e2e2e2;font-size:60px;margin:20px 0}.project-container .project-div{background:rgb(19,19,19);border-radius:12px;height:auto;display:flex;color:#fff;padding:30px;box-sizing:border-box;width:auto;cursor:auto}.project-container .project-div:hover{--hovered: 1}.project-container .project-div:hover .project-div-right .wrapper{border:1px solid transparent!important}.project-container .project-div:hover .project-div-left .date{border-bottom:1px solid transparent!important}.project-container .project-div .project-div-left{flex:30%;display:flex;justify-content:top;align-items:left;flex-direction:column;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background-color:#13131380;border-radius:4px;padding:0 10px}.project-container .project-div .project-div-left .project-title{color:#ebebeb;font-size:30px;margin-bottom:0;opacity:0}.project-container .project-div .project-div-left .wellnessLink{text-decoration:underline;text-underline-offset:4px}.project-container .project-div .project-div-left .wellnessLink:hover{cursor:pointer}.project-container .project-div .project-div-left .date{color:#ddd;font-size:16px;margin-top:0;margin-bottom:2px;border-bottom:1px solid rgb(65,65,65);opacity:0}.project-container .project-div .project-div-left .desc{color:#ebebeb;font-size:13px;margin-top:4px;opacity:0}.project-container .project-div .project-div-left .hyperLink{cursor:pointer}.project-container .project-div .project-div-right{flex:70%;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.project-container .project-div .project-div-right .wrapper{flex:0 0 calc(50% - 34px);background-color:#13131380;backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);border-radius:4px;border:1px solid rgb(39,39,39);opacity:0}.project-container .project-div .project-div-right .wrapper:last-child:not(:nth-child(even)){flex:0 0 calc(100% - 60px)}.project-container .project-div .project-div-right .timeline-showdown{display:flex;justify-content:center;align-items:center}.project-container .project-div .project-div-right .timeline-showdown h3{color:#ff4141!important}.project-container .project-div .project-div-right .timeline-showdown:hover{cursor:pointer;background-color:#ff00001a;color:#8b0000!important}.project-container .project-div .project-div-right .fact-rush{display:flex;justify-content:center;align-items:center}.project-container .project-div .project-div-right .fact-rush h3{color:#f2b900!important}.project-container .project-div .project-div-right .fact-rush:hover{cursor:pointer;background-color:#ffff001a;color:#daa520!important}.project-container .project-div .project-div-right .sub-title{color:#e7e7e7;font-size:14px;text-decoration:underline;text-align:center;margin-bottom:10px}.project-container .project-div .project-div-right .list-of-assets{text-align:center;color:#fff;font-size:13px;margin:5px}.project-container .image{position:relative;overflow:hidden;transition:background-position .5s ease;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:none}.project-container .image:before{content:"";position:absolute;top:-100%;left:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:center;transition:top .5s ease;background-image:inherit;animation:slideAnimation 20s infinite alternate;-webkit-animation:slideAnimation 20s infinite alternate;transition:opacity .5s ease,top .5s ease;opacity:0}.project-container .image:hover:before{top:0;opacity:1}.project-container .image1{background-image:url(/assets/1.c53a9dae.jpg)}.project-container .image2{background-image:url(/assets/2.3228b06f.jpg)}.project-container .image3{background-image:url(/assets/3.7733ca82.jpg)}.project-container .image4{background-image:url(/assets/4.25d44a5f.jpg)}.cursors{height:57px;width:57px;position:absolute;left:0;top:0;background-color:transparent;border:1px solid;border-color:#2c2c2c99;border-radius:50%;z-index:100;pointer-events:none;transform:translate(-50%,-50%);transition:.08s}.cursor{height:4px;width:4px;position:absolute;left:0;top:0;background-color:transparent;border-radius:50%;z-index:100;pointer-events:none;background:#e9e9e9;transform:translate(-50%,-50%);mix-blend-mode:difference}.Nav-right-container{border-left:1px solid rgb(70,70,70);padding:15px;position:fixed;width:134px;right:0;top:0;height:100dvh;box-sizing:border-box;mix-blend-mode:difference;display:flex;justify-content:space-around;flex-direction:column;text-align:center;z-index:3}.Nav-right-container .svgs{height:25px;padding:4px 1px;border:1px solid transparent!important;background-color:none}.Nav-right-container .svgs:hover{border-radius:4px;transition:.5s all ease-in-out;border:1px solid rgb(180,180,180)!important;--hovered: 1}.Nav-right-container .menu-container{display:block;padding-top:20px;padding-bottom:20px}.Nav-right-container .menu-container .menu{display:flex;justify-content:center;align-items:center;flex-direction:row;width:auto}.Nav-right-container .menu-container .menu .menu-button{background-color:transparent;border:none!important;padding:0!important;cursor:none}.Nav-right-container .menu-container .menu .menu-button:hover{--hovered: 1}.Nav-right-container .menu-container .menu .menu-button:hover div{width:40px;margin-left:auto}.Nav-right-container .menu-container .menu .menu-button:hover div:nth-child(2){width:40px}.Nav-right-container .menu-container .menu .menu-button:hover div:nth-child(3){width:40px}.Nav-right-container .menu-container .menu .menu-button div{width:40px;height:2px;margin-bottom:7px;background-color:#e2e2e2;margin-left:auto;transition:all .5s}.Nav-right-container .menu-container .menu .menu-button div:nth-child(2){width:10px}.Nav-right-container .menu-container .menu .menu-button div:nth-child(3){width:30px}.Nav-right-container .info{position:relative;color:#e9e9e9;display:flex;align-items:center;justify-content:center;padding-top:20px;padding-bottom:20px;height:calc(100% - 200px);border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a}.Nav-right-container .info p{writing-mode:vertical-rl;text-orientation:mixed;font-size:14px}.Nav-right-container .email{display:flex;justify-content:center;align-items:flex-end;padding-top:20px;padding-bottom:20px;background-color:transparent!important;border:none!important;width:auto;height:auto}.Nav-right-container:after{content:"";position:absolute;width:1px;background-color:#f3f3f3!important;height:var(--scrollbar-height);left:0;top:0;mix-blend-mode:screen}.menu-nav{width:100%;position:fixed;right:0;top:0;z-index:99}.menu-nav div{height:33.3vh;background-color:#0c0c0cf2;display:flex;justify-content:left;align-items:center}.menu-nav div button{margin:0;color:#fff;font-size:90px;background:none;border:none;letter-spacing:7px;width:100%;text-align:left!important;height:100%;cursor:none!important}.menu-nav div button:hover{background-color:#080808}.menu-nav div:nth-child(2){height:33.4vh;background-color:#0c0c0cf2}.menu-nav div:nth-child(3){height:33.3vh;background-color:#0c0c0cf2}.menu-nav .close{top:33px;right:41px;position:fixed;height:auto;background:none!important;width:40px}.menu-nav .close .close-button{border-radius:4px;padding:5px;background-color:transparent!important}.menu-nav .close .close-button:hover{--hovered: 1}.menu-nav .close .close-button:hover div{transition:all .5s;width:10px;margin-left:auto}.menu-nav .close .close-button:hover div:nth-child(2){width:10px}.menu-nav .close .close-button:hover div:nth-child(3){width:10px}.menu-nav .close .close-button div{width:40px;height:2px;margin-bottom:7px;background-color:#f3f3f3;margin-left:auto;transition:all .5s;opacity:0;transform:rotate(20deg)!important}.menu-nav .close .close-button div:nth-child(2){width:10px;transform:rotate(0)!important}.menu-nav .close .close-button div:nth-child(3){width:30px;transform:rotate(-10deg)!important}@media only screen and (max-width: 1300px){.project-container .project-div{padding:20px 40px}.project-container .project-div .project-div-left .project-title{font-size:26px}.about-container .bio-selfie-container .right-selfie .box-1{width:210px;height:30px;top:25%;right:12%;animation-delay:.3s}.about-container .bio-selfie-container .right-selfie .box-2{width:210px;height:30px;top:40%;right:8%;animation-delay:.6s}.about-container .bio-selfie-container .right-selfie .box-3{width:230px;height:30px;top:55%;right:10%;animation-delay:.9s}.about-container .bio-selfie-container .right-selfie .line-1{top:30%;width:24%;animation:shrinkLine-1 4s alternate infinite ease-in-out;animation-delay:.3s}.about-container .bio-selfie-container .right-selfie .line-2{top:45%;width:19%;animation:shrinkLine-2-3 4s alternate infinite ease-in-out;animation-delay:.9s}.about-container .bio-selfie-container .right-selfie .line-3{top:60%;width:19%;animation:shrinkLine-2-3 4s alternate infinite ease-in-out;animation-delay:1.5s}}@media only screen and (max-width: 1024px){.intro-container-outter .intro-container{margin-right:100px}.intro-container-outter .intro-container .intro-title{font-size:72px}.intro-container-outter .desc-container{margin-bottom:60px}.intro-container-outter .desc-container .intro-info,.intro-container-outter .desc-container .and{font-size:22px}.project-container{padding:20px 40px}.project-container .title{font-size:32px}.project-container .project-div{display:block;padding:15px 25px}.project-container .project-div .project-div-left{margin-bottom:10px}.project-container .project-div .project-div-left .project-title{font-size:22px}.project-container .project-div .project-div-left .date{font-size:14px}.project-container .project-div .project-div-left .desc{font-size:12px}.project-container .project-div .project-div-left .hyperLink{width:20px}.project-container .project-div .project-div-right .wrapper{flex:0 0 calc(50% - 11px)}.about-container{padding:20px 40px}.about-container .title{font-size:32px}.Nav-right-container{padding:0}.explore-container .explore{font-size:20px}.about-container .bio-selfie-container{gap:10px}.about-container .bio-selfie-container .left-bio .bio{font-size:16px;text-align:justify;opacity:0}}@media only screen and (max-width: 870px){.about-container .bio-selfie-container{flex-direction:column-reverse}.about-container .bio-selfie-container .right-selfie .selfie-image{min-height:300px;display:none}.about-container .bio-selfie-container .right-selfie svg{display:none}.about-container .bio-selfie-container .right-selfie .info-box{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.about-container .bio-selfie-container .right-selfie .box-1{width:auto;height:30px;top:10vh;left:35%;animation-delay:.3s}.about-container .bio-selfie-container .right-selfie .box-2{width:auto;height:30px;top:20vh;left:35%;animation-delay:.6s}.about-container .bio-selfie-container .right-selfie .box-3{width:auto;height:30px;top:30vh;left:35%;animation-delay:.9s}.about-container .bio-selfie-container .right-selfie .line-1{top:14vh;width:50%!important;animation-delay:.3s;display:none}.about-container .bio-selfie-container .right-selfie .line-2{top:24vh;width:50%!important;animation-delay:.9s;display:none}.about-container .bio-selfie-container .right-selfie .line-3{top:34vh;width:50%!important;animation-delay:1.5s;display:none}.about-container .links-container{flex-direction:column;gap:20px}.about-container .links-container h1{margin:0;color:#131313;font-size:16px}.about-container .links-container .social-link{text-align:center;width:100%}}@media only screen and (max-width: 640px){.about-container{margin-right:65px;padding:5px 10px}.about-container .bio-selfie-container{margin-bottom:20px}.about-container .bio-selfie-container .left-bio .bio{text-align:left}.intro-container-outter .intro-container{margin-right:65px}.intro-container-outter .intro-container .intro-title{font-size:72px;margin-bottom:20px!important}.intro-container-outter .desc-container{margin-bottom:40px;margin-top:20px;flex-direction:column}.intro-container-outter .desc-container .intro-info{font-size:18px}.intro-container-outter .desc-container .and{font-size:18px;margin-top:5px;margin-bottom:5px}.project-container{margin-right:65px;padding:5px 10px}.project-container .title{font-size:42px}.project-container .project-div .project-div-left{margin-bottom:5px}.project-container .project-div .project-div-left .project-title{font-size:20px}.project-container .project-div .project-div-left .date{font-size:13px}.project-container .project-div .project-div-left .desc{font-size:11px}.project-container .project-div .project-div-left .hyperLink{width:20px}.project-container .project-div .project-div-right{display:block}.project-container .project-div .project-div-right .wrapper{border:1px solid transparent!important;margin:5px 0}.project-container .image1{background-image:url(/assets/1.c53a9dae.jpg)}.project-container .image1:before{display:none}.project-container .image2{background-image:url(/assets/2.3228b06f.jpg)}.project-container .image2:before{display:none}.project-container .image3{background-image:url(/assets/3.7733ca82.jpg)}.project-container .image3:before{display:none}.project-container .image4{background-image:url(/assets/4.25d44a5f.jpg)}.project-container .image4:before{display:none}.Nav-right-container{width:65px!important}.Nav-right-container .socials{padding:10px 0}.Nav-right-container .socials .socials-icons{flex-direction:column}.menu-nav div button{font-size:70px}}@media only screen and (max-width: 350px){.menu-nav div button{font-size:50px}}@media (any-pointer: coarse){.cursors,.cursor{--removeCursor: 1;display:none!important}:root{cursor:auto}.Nav-right-container:after{height:0px}}@media only screen and (max-width: 500px){.about-container .bio-selfie-container{flex-direction:column-reverse}.about-container .bio-selfie-container .right-selfie .selfie-image{min-height:300px}.about-container .bio-selfie-container .right-selfie .info-box{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-container .bio-selfie-container .right-selfie .box-1{width:auto;height:30px;top:10vh;left:10px;animation-delay:.3s}.about-container .bio-selfie-container .right-selfie .box-2{width:auto;height:30px;top:20vh;left:10px;animation-delay:.6s}.about-container .bio-selfie-container .right-selfie .box-3{width:auto;height:30px;top:30vh;left:10px;animation-delay:.9s}.about-container .bio-selfie-container .right-selfie .line-1{top:14vh;width:75%!important;animation-delay:.3s}.about-container .bio-selfie-container .right-selfie .line-2{top:24vh;width:75%!important;animation-delay:.9s}.about-container .bio-selfie-container .right-selfie .line-3{top:34vh;width:75%!important;animation-delay:1.5s}}