.dark-mode body{background-color:#0a0a0a}.dark-mode .menu-holder{background-color:#1a1a1a;border:1px solid #1a1a1a;box-shadow:10px 10px 30px rgba(84,84,84,0dark-mode .5)}.dark-mode .nav-bar{color:#9c9c9c}.dark-mode .current-page{background-color:#0f0f0f;border:1px solid #1a1a1a;box-shadow:10px 10px 30px rgba(74,74,74,0dark-mode .2)}.dark-mode .work-active{background-image:linear-gradient(117deg,#969696,#fff)}.dark-mode .play-active{background-image:linear-gradient(270deg,#9e2157,#3876bd)}.dark-mode .about-active{background-image:linear-gradient(117deg,#969696,#fff)}.dark-mode .fa-gradient,.dark-mode .head,.dark-mode .head2{background-image:linear-gradient(180deg,#757575,#fff)}.dark-mode .fa-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dark-mode .description,.dark-mode .location-text{color:#9c9c9c}.dark-mode .box1,.dark-mode .box2,.dark-mode .box3,.dark-mode .box5,.dark-mode .box6,.dark-mode .box7,.dark-mode .box8{background-color:#cacace}.dark-mode .box4{background-color:#fff}.dark-mode .work,.dark-mode .work:hover{background-image:linear-gradient(90deg,#1a1a1a 30%,#121212 55%,#1f1f1f)}.dark-mode .work:hover{box-shadow:10px 10px 30px rgba(84,84,84,0dark-mode .5)}.dark-mode .work-info{color:#9c9c9c}.dark-mode .case-name{background-image:linear-gradient(90deg,#9c9c9c,#d1d1d1 10%,#fff)}.dark-mode .read-button,.dark-mode .read-button2{background-color:#121212;border:2px solid #1a1a1a;box-shadow:10px 10px 30px rgba(84,84,84,0dark-mode .5);color:#9c9c9c}.dark-mode .read-button:hover{background-color:#292929}.dark-mode .play-active{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;transition:all .2s ease-in-out}.dark-mode .pbox1,.dark-mode .pbox4,.dark-mode .pbox6{background:#50112c}.dark-mode .pbox3,.dark-mode .pbox8{background:#163d6a}.dark-mode .phead2{background-image:linear-gradient(270deg,#9e2157,#3876bd)}.dark-mode .phead{color:#3a72b3}.dark-mode .pdescription,.dark-mode .plocation-text{color:#9c9c9c}.dark-mode .pwork,.dark-mode .pwork:hover{background-image:linear-gradient(90deg,#1a1a1a 30%,#121212 55%,#1f1f1f)}.dark-mode .pwork:hover{box-shadow:10px 10px 30px rgba(84,84,84,0dark-mode .5)}.dark-mode .pwork-info{color:#9c9c9c}.dark-mode .pcase-name{background-image:linear-gradient(90deg,#9c9c9c,#d1d1d1 10%,#fff)}.dark-mode .pread-button,.dark-mode .pread-button2{background-color:#121212;border:2px solid #1a1a1a;box-shadow:10px 10px 30px rgba(84,84,84,0dark-mode .5);color:#9c9c9c}.dark-mode .pread-button:hover{background-color:#292929}.dark-mode .collage :hover{box-shadow:10px 10px 20px rgba(156,156,156,0dark-mode .7)}.dark-mode .about-text{color:#b5b5b5}.dark-mode .heading{background-image:linear-gradient(270deg,#9e2157,#3876bd)}.dark-mode .footer{background-color:#0d0d0d;color:#b5b5b5}.dark-mode .social-logo{color:#fff}.light-mode body{background-color:#f6f6f6}.light-mode .menu-holder{background-color:#ececec;border:1px solid #e6e6e6;box-shadow:10px 10px 30px rgba(172,172,172,0light-mode .5)}.light-mode .nav-bar{color:#646464}.light-mode .current-page{background-color:#f0f0f0;border:1px solid #e6e6e6;box-shadow:10px 10px 30px rgba(180,180,180,0light-mode .2)}.light-mode .work-active{background-image:linear-gradient(117deg,#686868,#000)}.light-mode .play-active{background-image:linear-gradient(270deg,#ee86b3,#659edf)}.light-mode .about-active{background-image:linear-gradient(117deg,#686868,#000)}.light-mode .fa-gradient,.light-mode .head,.light-mode .head2{background-image:linear-gradient(180deg,#8a8a8a,#000)}.light-mode .fa-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text}.light-mode .description,.light-mode .location-text{color:#646464}.light-mode .box1,.light-mode .box2,.light-mode .box3,.light-mode .box5,.light-mode .box6,.light-mode .box7,.light-mode .box8{background-color:#323235}.light-mode .box4{background-color:#000}.light-mode .work,.light-mode .work:hover{background-image:linear-gradient(90deg,#e6e6e6 30%,#ececec 55%,#e0e0e0)}.light-mode .work:hover{box-shadow:10px 10px 30px rgba(172,172,172,0light-mode .5)}.light-mode .work-info{color:#646464}.light-mode .case-name{background-image:linear-gradient(90deg,#636363,#2e2e2e 10%,#000)}.light-mode .read-button,.light-mode .read-button2{background-color:#ececec;border:2px solid #e6e6e6;box-shadow:10px 10px 30px rgba(172,172,172,0light-mode .5);color:#646464}.light-mode .read-button:hover{background-color:#d6d6d6}.light-mode .pbox1,.light-mode .pbox4,.light-mode .pbox6{background:#eeaeca}.light-mode .pbox3,.light-mode .pbox8{background:#94bbe9}.light-mode .phead2{background-image:linear-gradient(270deg,#ee86b3,#659edf)}.light-mode .phead{color:#94bbe9}.light-mode .pdescription,.light-mode .plocation-text{color:#646464}.light-mode .pwork,.light-mode .pwork:hover{background-image:linear-gradient(90deg,#e6e6e6 30%,#ececec 55%,#e0e0e0)}.light-mode .pwork:hover{box-shadow:10px 10px 30px rgba(172,172,172,0light-mode .5)}.light-mode .pwork-info{color:#646464}.light-mode .pcase-name{background-image:linear-gradient(90deg,#636363,#2e2e2e 10%,#000)}.light-mode .pread-button,.light-mode .pread-button2{background-color:#ececec;border:2px solid #e6e6e6;box-shadow:10px 10px 30px rgba(172,172,172,0light-mode .5);color:#646464}.light-mode .pread-button:hover{background-color:#d6d6d6}.light-mode .collage :hover{box-shadow:10px 10px 20px rgba(100,100,100,0light-mode .7)}.light-mode .about-text{color:#4b4b4b}.light-mode .heading{background-image:linear-gradient(270deg,#ee86b3,#659edf)}.light-mode .footer{background-color:#f1f1f1;color:grey}.light-mode .social-logo{color:#000}*{box-sizing:border-box}div{display:block}body{align-items:center;display:flex;flex-direction:column;font-family:Arial;margin:0;padding:0}.nav-bar{animation-duration:1s;animation-name:slidein}@keyframes slidein{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.nav-bar{font-size:18px;margin-top:40px;padding-left:50px;padding-right:50px;position:fixed;z-index:6}.empty-box,.nav-bar{align-items:center;display:flex;justify-content:space-between}.empty-box{justify-content:center}.menu-holder{align-items:center;border-radius:40px;column-gap:10px;display:flex;padding:10px}.current-page{border-radius:40px;cursor:pointer;height:50px;padding:10px 0;position:absolute;transition:all .2s ease-in-out;width:80px;z-index:3}.page-work{transform:translateX(0)}.page-play{transform:translateX(90px)}.page-about{transform:translateX(180px)}.inactive-button{border-radius:40px;cursor:pointer;padding:10px 0;text-align:center;width:80px;z-index:4}.about-active,.work-active{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;transition:all .2s ease-in-out}.en-button,.fr-button{border-radius:25px;cursor:pointer;margin:0 20px;padding:10px 20px;transform:translate3d(.73892px,.7382px,0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform-style:preserve-3d;will-change:transform}.en-button{background-image:linear-gradient(117deg,#fce3e3,#e9acac);border:2px solid #8f8f8f}.fr-button{background-image:linear-gradient(117deg,#e3effa,#a2b8e2)}.shown{display:flex}.hidden{display:none}.box-overflow{margin-left:auto;margin-right:auto;overflow:hidden;width:100%}.home-tab{display:flex;margin-top:100px;width:100%}.home-tab,.work-page-content{align-items:center;flex-direction:column}.work-page-content{animation-duration:1s;animation-name:fadein;position:relative}.center{flex-direction:column;height:100%;margin-bottom:50px;perspective:1000px;position:relative;width:100%}.center,.head-holder{align-items:center;display:flex;justify-content:center;margin-top:100px}.head-holder{column-gap:15px}.head{align-items:center;display:flex;flex:1;font-weight:bolder;height:100px;justify-content:end;transition:opacity .5s ease}.head,.head2{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:70px;overflow:hidden}.head2-holder{align-items:center;column-gap:10px;display:flex;font-weight:bolder;height:100px}.span-holder{width:300px}.sub-head-holder{flex-direction:column;font-size:18px;margin-top:20px;row-gap:10px;width:645px}.location-holder,.sub-head-holder{align-items:center;display:flex;justify-content:center}.location-holder{column-gap:5px}.location-emoji{height:18px}.location-text{font-size:18px}.description{line-height:1.6;text-align:center}.ringover-link{color:#1fa1ab;font-weight:700}.ringover-link:hover{color:#3bc1ca}#wrapper{height:310px;position:absolute;scale:1.5;top:-15px;width:700px;will-change:transform;z-index:-75}.box1{height:20px;opacity:.4;right:159px;top:90px;transform:rotate(51deg);width:20px}.box1,.box2{border-radius:6px;position:absolute}.box2{height:24px;opacity:.3;right:600px;top:200px;transform:rotate(20deg);width:24px}.box3{border-radius:2px;height:9px;opacity:.4;position:absolute;right:624px;top:94px;transform:rotate(50deg);width:9px}.box4{border-radius:5px;height:15px;right:428px;top:64px;transform:rotate(26deg);width:15px}.box4,.box5{opacity:.2;position:absolute}.box5{right:448px;top:203px;transform:rotate(-11deg)}.box5,.box6{border-radius:4px;height:12px;width:12px}.box6{right:262px;top:251px;transform:rotate(14deg)}.box6,.box7{opacity:.2;position:absolute}.box7{border-radius:2px;height:9px;right:104px;top:213px;transform:rotate(-14deg);width:9px}.box8{border-radius:3px;height:11px;opacity:.15;position:absolute;right:64px;top:111px;transform:rotate(17deg);width:11px}a{text-decoration:none}.work-exp{flex-direction:column;padding:40px;row-gap:50px}.work,.work-exp{align-items:center;display:flex}.work{border-radius:30px;column-gap:15px;height:380px;overflow:hidden;transition:all .2s ease-in-out;width:800px}.js-work4{cursor:not-allowed}.work:hover{transform:scale(1.008);transition:all .2s ease-in-out}.work-info{display:flex;flex-direction:column;margin-left:30px;row-gap:18px}.work-img-holder{width:400px}.work-img-holder,.work-img-holder3{display:flex;height:200x;justify-content:center;overflow:hidden}.work-img-holder3{width:300px}.work-img{height:400px;transform:rotate(8deg)}.work-img2,.work-img3{height:300px}.company-logo{height:25px}.case-info{display:flex;flex-direction:column}.case-name{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:36px;font-weight:bolder;margin-bottom:8px}.case-role{font-weight:400}.case-description{line-height:1.6}.read-button,.read-button2{align-items:center;border-radius:10px;column-gap:5px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease-in-out;width:fit-content}.read-button2{cursor:not-allowed;transition:all .2s ease-in-out}.read-button:hover{.arrow{translate:3px}}.arrow{height:20px;transition:all .2s ease-in-out}.play-page-content{animation-duration:1s;animation-name:fadein}.pcenter,.play-page-content{align-items:center;flex-direction:column;position:relative}.pcenter{display:flex;height:100%;justify-content:center;margin-bottom:50px;margin-top:100px;perspective:1000px;width:100%}#pwrapper{height:310px;scale:1.5;top:-15px;width:700px;will-change:transform;z-index:-75}#pwrapper,.pbox1{position:absolute}.pbox1{border-radius:6px;height:20px;opacity:.4;right:159px;top:90px;transform:rotate(50deg);width:20px}.pbox2{height:60px;opacity:.7;position:absolute;right:600px;top:200px;transform:rotate(20deg)}.pbox3{border-radius:5px;height:20px;right:624px;top:94px;transform:rotate(-17deg);width:50px}.pbox3,.pbox4{opacity:.5;position:absolute}.pbox4{border:2px;border-radius:50%;height:15px;right:428px;top:64px;transform:rotate(26deg);width:15px}.pbox5{height:35px;opacity:.7;right:448px;top:203px}.pbox5,.pbox6{border:2px;position:absolute}.pbox6{border-radius:50%;height:20px;right:262px;top:251px;width:20px}.pbox7{height:60px;opacity:.5;right:104px;top:213px;transform:rotate(20deg)}.pbox7,.pbox8{position:absolute}.pbox8{border-radius:10px;height:20px;right:64px;top:111px;width:20px}.phead-holder{column-gap:15px;justify-content:center;margin-top:0;width:100%}.phead-holder,.phead2{align-items:center;display:flex}.phead2{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;column-gap:10px;font-size:70px;height:150px;margin:0;right:217px}.phead,.phead2{font-weight:bolder;position:absolute}.phead{font-size:30px;right:528px;text-align:right;transition:opacity .5s ease}.avatar-holder{display:grid;place-items:left;width:200px}#anchor2{height:200px;width:200px}#eyes,#eyes img{position:absolute}.psub-head-holder{flex-direction:column;font-size:18px;margin-top:20px;row-gap:10px;width:645px}.plocation-holder,.psub-head-holder{align-items:center;display:flex;justify-content:center}.plocation-holder{column-gap:5px}.plocation-emoji{height:18px}.plocation-text{font-size:18px}.pdescription{line-height:1.6;text-align:center}.pwork-exp{flex-direction:column;padding:40px;row-gap:50px}.pwork,.pwork-exp{align-items:center;display:flex}.pwork{border-radius:30px;column-gap:15px;height:380px;overflow:hidden;width:800px}.pwork,.pwork:hover{transition:all .2s ease-in-out}.pwork:hover{transform:scale(1.008)}.pwork-info{display:flex;flex-direction:column;margin-left:30px;row-gap:18px}.pwork-img-holder{display:flex;height:200x;justify-content:center;overflow:hidden;width:500px}.pwork-img{height:300px;transform:rotate(8deg)}.pwork-img2{height:350px;transform:rotate(8deg)}.pcompany-logo{height:25px}.pcompany-logo2{height:30px;transform:rotate(20deg)}.pcase-info{display:flex;flex-direction:column}.pcase-name{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:36px;font-weight:bolder;margin-bottom:8px}.pcase-role{font-weight:400}.pcase-description{line-height:1.6}.pread-button{align-items:center;border-radius:10px;column-gap:5px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s ease-in-out;width:fit-content}.pread-button:hover{.parrow{translate:3px}}.parrow{height:20px;transform:rotate(-45deg);transition:all .2s ease-in-out}.about-page-content{align-items:center;animation-duration:1s;animation-name:fadein;flex-direction:column;position:relative}@keyframes fadein{0%{opacity:0}to{opacity:1}}.about-center{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:50px;margin-top:180px;perspective:1000px;width:100%}.collage *{border-radius:15%;position:absolute;transition:scale .2s ease-in-out,box-shadow .2s ease-in-out}.collage :hover{scale:1.05}.collage{align-items:center;display:flex;height:500px;justify-content:center;position:absolute;top:-15px;width:800px}.pic1{z-index:6}.pic1,.pic2{height:260px}.pic2{right:124px;top:-60px}.pic3{height:400px;right:401px;top:-135px}.pic4{right:411px}.pic4,.pic5{height:250px;top:273px}.pic5{right:40px}.about-text{font-size:18px;letter-spacing:.5px;line-height:1.4;margin-top:500px;width:600px}.heading{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;color:transparent;font-size:48px;font-weight:bolder;letter-spacing:-2px}.footer{align-items:center;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:200px;justify-content:center;margin-top:50px;padding:50px;row-gap:20px;width:100%}.logo-holder{column-gap:30px;display:flex}.theme-toggle{margin-left:20px}.social-logo{cursor:pointer;font-size:40px;opacity:.8;transition:all .1s ease-in-out}.social-logo:hover{opacity:.9;scale:.95;transition:all .1s ease-in-out}@media screen and (max-width:600px){.nav-bar{scale:1}.center,.pcenter{margin-top:50px}#pwrapper,#wrapper{display:block;margin-left:auto;margin-right:auto;scale:.9;top:-65px;width:100%}.box1,.pbox1{right:-3px}.box2,.pbox2{right:302px;top:184px}.box3,.pbox3{right:333px}.box4,.pbox4{right:215px}.box5,.pbox5{right:72px}.box6,.pbox6{right:214px;top:226px}.box7,.pbox7{right:0;top:187px}.box8,.pbox8{right:125px;top:97px}.head-holder{column-gap:5px;margin-top:20px}.head,.head2{font-size:40px}.span-holder{width:160px}.psub-head-holder,.sub-head-holder{font-size:16px;margin-top:0;row-gap:5px;width:300px}.psub-head-holder,.pwork,.sub-head-holder,.work{align-items:center;display:flex;flex-direction:column;justify-content:center}.pwork,.work{background-image:linear-gradient(90deg,#e6e6e6 30%,#ececec 55%,#e0e0e0);border-radius:30px;column-gap:15px;height:480px;overflow:hidden;scale:.8;transition:all .2s ease-in-out;width:375px}.pwork-info,.work-info{margin-right:15px;margin-top:25px;z-index:2}.pwork-exp,.work-exp{padding:0;row-gap:0}.case-name,.pcase-name{font-size:26px}.read-button,.read-button2{width:250px}.work-img-holder3{scale:1.5}.pwork-img{scale:.8}.phead{font-size:18px;right:250px;width:100px}.phead2{font-size:46px;right:43px}.avatar-holder{scale:.8}.collage{scale:.5}.about-center{margin-bottom:0;margin-top:0}.about-text{margin-top:380px;width:320px}.heading{font-size:40px;line-height:45px}.footer{font-size:14px;padding:10px}.copyright{text-align:center}}