.pageHome .textContainer,.pageHome .skillContainer,.pageHome .skillsCategory,.pageHome .skillsName,.pageHome .arrow,.pageHome .arrow2,.pageHome .doughnut,.pageHome .iconInvert,.pageHome .backgroundColor{transition:background-color .5s ease,color .5s ease,text-shadow .5s ease,filter .5s ease}.light-mode .pageHome .textContainer,.light-mode .pageHome .skillsCategory,.light-mode .pageHome .skillsName{color:#000}.light-mode .pageHome .skillsCategory:hover,.light-mode .pageHome .skillContainer,.light-mode .pageHome .arrow,.light-mode .pageHome .arrow2{color:#f70000}.dark-mode .pageHome .textContainer,.dark-mode .pageHome .skillsCategory,.dark-mode .pageHome .skillsName{color:#fff}.dark-mode .pageHome .skillsCategory:hover,.dark-mode .pageHome .skillContainer,.dark-mode .pageHome .arrow,.dark-mode .pageHome .arrow2{color:#17f700}.light-mode .pageHome .doughnut{filter:invert(100%) hue-rotate(62deg)}.light-mode .pageHome .backgroundColor{filter:invert(100%) hue-rotate(62deg) blur(300px)}.dark-mode .pageHome .backgroundColor{filter:blur(300px)}.dark-mode .pageHome .iconInvert{filter:invert(100%)}.pageHome .textContainer{position:absolute;top:100vh;left:0vw;height:100vh;width:100vw;display:flex;justify-content:right;align-items:center}.pageHome .textBox{position:relative;right:-600px;opacity:0;margin-right:85px;font-family:ConsolaBold,sans-serif;font-size:14pt;width:45vw;max-height:100vh;text-align:justify;text-justify:inter-character;line-height:140%;transition:right 1s ease,opacity 1s ease}.pageHome .skillContainer{position:absolute;top:200vh;left:0vw;height:100vh;width:100vw;display:flex;justify-content:right;align-items:center}.pageHome .skillsBox{position:absolute;top:50%;left:50%;transform:translateY(-50%);font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 600,"wdth" 130;font-size:24pt;list-style-type:none;padding:0}.pageHome .skillsCategory{font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 600,"wdth" 130;font-size:16pt;margin-top:20px;padding-top:10px;padding-bottom:10px;cursor:pointer}.pageHome .skillsName{font-family:ConsolaBold,sans-serif;font-size:14pt;opacity:0;max-height:0;overflow:hidden;list-style:none;padding:0;transition:all .5s ease;line-height:170%}.pageHome .skillsName.expanded{max-height:500px;opacity:1}.pageHome .svgIcon{display:flex;justify-content:space-between;align-items:center}.pageHome img{margin:2px;height:4vh;width:4vh}.pageHome .title{top:50vh;left:50vw;transform:translate(-50%,-50%);animation:titleMoveHome 1.2s ease}@keyframes titleMoveHome{0%{opacity:0}to{opacity:1}}.pageHome .arrow,.pageHome .arrow2{padding-left:10px;padding-right:10px;position:absolute;right:2vw;rotate:90deg;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" 0,"wght" 1900,"wdth" 100;font-size:5vh;z-index:3;cursor:pointer;animation:arrowMoveHome 1.7s 1s infinite ease both,arrowEnterHome 1s ease}.pageHome .arrow{top:94vh}.pageHome .arrow2{top:194vh}@keyframes arrowMoveHome{0%{transform:translate(0) scaleY(2)}50%{transform:translate(-20px) scaleY(2)}to{transform:translate(0) scaleY(2)}}@keyframes arrowEnterHome{0%{transform:translateY(-90px) scaleY(2);opacity:0}to{transform:translateY(0) scaleY(2);opacity:1}}.pageHome .clock{top:55.2vh;left:56vw;z-index:2;animation:clockMoveHome 6s infinite ease-in-out}@keyframes clockMoveHome{0%{transform:translateY(-450px) scaleY(.3);font-variation-settings:"slnt" -20,"wght" 10,"wdth" 130;opacity:0}40%{transform:translateY(0) scaleY(1);font-variation-settings:"slnt" -20,"wght" 1900,"wdth" 130;opacity:1}60%{transform:translateY(0) scaleY(1);font-variation-settings:"slnt" -20,"wght" 1900,"wdth" 130;opacity:1}to{transform:translateY(400px) scaleY(.3);font-variation-settings:"slnt" -20,"wght" 10,"wdth" 130;opacity:0}}.pageHome .doughnut{position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:-1;transition:transform .2s linear,filter .5s ease;animation:doughnutHome 2.3s ease}@keyframes doughnutHome{0%{opacity:0}to{opacity:1}}.pageHome .backgroundColor{position:fixed;z-index:-2;pointer-events:none;opacity:.7;transform:scaleX(-1)}.pageExperience .internBox,.pageExperience .arrow,.pageExperience .interTimeline,.pageExperience .backgroundColor{transition:background-color .5s ease,color .5s ease,text-shadow .5s ease,box-shadow .5s ease,border .5s ease}.light-mode .pageExperience .internBox{color:#000}.light-mode .pageExperience .arrow,.light-mode .pageExperience .internTime{color:#f70000}.dark-mode .pageExperience .internBox{color:#fff}.dark-mode .pageExperience .arrow,.dark-mode .pageExperience .internTime{color:#17f700}.light-mode .pageExperience .internTimeline{border:2px solid #f70000;box-shadow:0 0 7px #f70000}.dark-mode .pageExperience .internTimeline{border:2px solid #17f700;box-shadow:0 0 7px #17f700}.light-mode .pageExperience .doughnut{filter:invert(100%) hue-rotate(62deg) blur(5px)}.dark-mode .pageExperience .doughnut{filter:invert(0%) hue-rotate(0deg) blur(5px)}.light-mode .pageExperience .backgroundColor{filter:invert(100%) hue-rotate(62deg) blur(300px)}.dark-mode .pageExperience .backgroundColor{filter:blur(300px)}.pageExperience .internContainer{position:absolute;top:30vh;width:100vw;display:flex;justify-content:center;align-items:flex-start;gap:40px;color:#fff;padding-bottom:100px}.pageExperience .internBox{width:70%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:50px;position:relative}.pageExperience .internTimeline{width:0;height:100%;position:absolute;top:0;left:27%;animation:timelineExp 1.5s .3s ease both}.pageExperience .internContent{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:75px}.pageExperience .internTime{width:25%;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 600,"wdth" 130;font-size:16pt;color:#17f700;animation:timelineExp 1.5s .7s ease both;padding-top:5px}@keyframes timelineExp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}.pageExperience .internText{width:75%}.pageExperience .internTitle{font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 600,"wdth" 130;font-size:18pt;animation:internTitleExp 1.5s 1.5s ease both}@keyframes internTitleExp{0%{opacity:0}to{opacity:1}}.pageExperience .internList{font-family:ConsolaBold,sans-serif;font-size:14pt;list-style:none;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;animation:internTitleExp 1.5s 1.5s ease both}.pageExperience .title{top:7vh;left:4vw;animation:titleMoveExp 1.2s ease}@keyframes titleMoveExp{0%{transform:translate(-600px);opacity:0}to{transform:translate(0);opacity:1}}.pageExperience .arrow{top:94vh;padding-left:10px;padding-right:10px;position:absolute;right:2vw;rotate:90deg;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" 0,"wght" 1900,"wdth" 100;font-size:5vh;z-index:3;cursor:pointer;animation:arrowMoveExp 1.7s 1s infinite ease both,arrowEnterExp 1s ease}@keyframes arrowMoveExp{0%{transform:translate(0) scaleY(2)}50%{transform:translate(-20px) scaleY(2)}to{transform:translate(0) scaleY(2)}}@keyframes arrowEnterExp{0%{transform:translateY(-90px) scaleY(2);opacity:0}to{transform:translateY(0) scaleY(2);opacity:1}}.pageExperience .clock{top:17vh;left:4vw;z-index:2;animation:clockMoveExp 2s ease}@keyframes clockMoveExp{0%{opacity:0}to{opacity:1}}.pageExperience .doughnut{position:absolute;top:95vh;left:80vw;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:-1;transition:filter .5s ease;animation:doughnutExp 2.3s ease}@keyframes doughnutExp{0%{opacity:0}to{opacity:1}}.pageExperience .backgroundColor{position:fixed;z-index:-2;pointer-events:none;opacity:.7;transform:scaleX(-1)}.pageWork .project,.pageWork .arrow,.pageWork #view,.pageWork #img-container,.pageWork .empty,.pageWork #projectInfo{transition:background-color .5s ease,color .5s ease,text-shadow .5s ease,filter .5s ease,transform .35s ease}.dark-mode #view,.dark-mode #sort,.dark-mode .sortOption{color:#17f700}.light-mode #view,.light-mode #sort,.light-mode .sortOption{color:#f70000}.dark-mode #name{color:#17f700}.light-mode #name{color:#f70000}.dark-mode #date:before{content:"Date: ";color:#17f700}.light-mode #date:before{content:"Date: ";color:#f70000}.dark-mode #category:before{content:"Category: ";color:#17f700}.light-mode #category:before{content:"Category: ";color:#f70000}.dark-mode #type:before{content:"Type: ";color:#17f700}.light-mode #type:before{content:"Type: ";color:#f70000}.dark-mode #techStack:before{content:"Tech Stack: ";color:#17f700}.light-mode #techStack:before{content:"Tech Stack: ";color:#f70000}.dark-mode #link a,.dark-mode #link a:link,.dark-mode #link a:visited,.dark-mode #link a:hover,.dark-mode #link a:active{color:#17f700}.light-mode #link a,.light-mode #link a:link,.light-mode #link a:visited,.light-mode #link a:hover,.light-mode #link a:active{color:#f70000}.dark-mode #projectInfo,.dark-mode .toggled-mode #projectInfo{background-color:#000}.light-mode #projectInfo,.light-mode .toggled-mode #projectInfo{background-color:#fff}.dark-mode #date,.dark-mode #category,.dark-mode #type,.dark-mode #techStack{color:#fff}.light-mode #date,.light-mode #category,.light-mode #type,.light-mode #techStack{color:#000}.dark-mode #description{color:#fff}.light-mode #description{color:#000}.light-mode .pageWork .arrow{color:#f70000}.dark-mode .pageWork .arrow{color:#17f700}.pageWork .project{position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:-1;overflow:hidden}#scene-canvas,#scene-overlay-canvas{transition:filter 1s ease}#scene-canvas.scene-blurred,#scene-overlay-canvas.scene-blurred{filter:blur(15px)}#img-container{position:fixed;top:53vh;right:2vw;transform:translateY(-50%);width:60vw;height:80vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;overflow-y:auto;overflow-x:hidden;z-index:99;scrollbar-width:thin}#img-container img{width:100%;object-fit:scale-down}.pageWork .empty{position:absolute;top:0vh;left:0vw;height:200vh;width:100vw;z-index:0}.viewControls{position:fixed;top:7vh;right:2vw;z-index:99999;display:flex;align-items:baseline;gap:32px;animation:viewMove 1s .8s ease backwards}#view,#sort{background:none;border:none;cursor:pointer;outline:none;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 1900,"wdth" 130;font-size:16pt;transition:all .35s ease}#view:hover,#sort:hover{transform:scaleX(1.2)}.sortWrap{position:relative}.sortMenu{position:absolute;top:100%;right:0;margin-top:4px;display:none;flex-direction:column;align-items:flex-end;gap:2px}.sortMenu.open{display:flex}.sortOption{background:none;border:none;cursor:pointer;outline:none;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 900,"wdth" 130;font-size:12pt;transition:all .35s ease}.sortOption:hover{transform:scaleX(1.2)}@keyframes viewMove{0%{transform:translate(300px);opacity:0}10%{opacity:0}to{transform:translate(0);opacity:1}}#more{position:fixed;bottom:3vh;right:2vw;z-index:99999;background:none;cursor:pointer;border:none;outline:none;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 1900,"wdth" 130;font-size:18pt;transition:all .35s ease;opacity:0;pointer-events:none}#more.visible{opacity:1;pointer-events:auto}.dark-mode #more{color:#17f700}.light-mode #more{color:#f70000}#more:hover{transform:scaleX(1.2)}#projectInfo{position:fixed;top:55%;left:7vw;z-index:99999;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;transform:translateY(-50%);padding:20px;opacity:0;width:32vw;overflow-y:auto;scrollbar-width:none}#projectInfo::-webkit-scrollbar{display:none}#projectInfo[style*="display: none"]{overflow:hidden!important}#name{font-family:ConsolaBold,sans-serif;font-size:30pt;margin-bottom:20px}#date,#category,#type,#techStack{font-family:ConsolaBold,sans-serif;font-size:16pt}#description{font-family:ConsolaBold,sans-serif;font-size:14pt;margin-top:20px;margin-bottom:20px;text-align:left}#link a{font-family:Consola,sans-serif;font-size:12pt;text-decoration:none}.pageWork .title{position:fixed;top:7vh;left:4vw;animation:titleMoveWork 1.2s ease}@keyframes titleMoveWork{0%{transform:translate(-600px);opacity:0}to{transform:translate(0);opacity:1}}.pageWork .clock{position:fixed;top:17vh;left:4vw;z-index:2;animation:clockMoveWork 1.2s ease}@keyframes clockMoveWork{0%{opacity:0}to{opacity:1}}.pageWork .arrow{top:94vh;padding-left:10px;padding-right:10px;position:fixed;right:2vw;rotate:90deg;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" 0,"wght" 1900,"wdth" 100;font-size:5vh;z-index:3;cursor:pointer;animation:arrowMoveWork 1.7s 1s infinite ease both,arrowEnterWork 1s ease}@keyframes arrowMoveWork{0%{transform:translate(0) scaleY(2)}50%{transform:translate(-20px) scaleY(2)}to{transform:translate(0) scaleY(2)}}@keyframes arrowEnterWork{0%{transform:translateY(-90px) scaleY(2);opacity:0}to{transform:translateY(0) scaleY(2);opacity:1}}#img-container::-webkit-scrollbar{width:5px;height:5px}.pageContact .contact,.pageContact .email,.pageContact .github,.pageContact .instagram,.pageContact .icon,.pageContact .backgroundColor{transition:background-color .5s ease,color .5s ease,text-shadow .5s ease,filter .5s ease,transform .35s ease,fill .5s ease}.pageContact .cls-1{fill:#000;fill-rule:evenodd;stroke-width:0px}.light-mode .pageContact .contact,.light-mode .pageContact .email,.light-mode .pageContact .github,.light-mode .pageContact .instagram{color:#000}.dark-mode .pageContact .contact,.dark-mode .pageContact .email,.dark-mode .pageContact .github,.dark-mode .pageContact .instagram{color:#fff}.light-mode .pageContact .contact:hover{color:#f70000}.dark-mode .pageContact .contact:hover{color:#17f700}.dark-mode .pageContact img{filter:invert(100%)}.dark-mode .pageContact .icon{fill:#fff}.dark-mode .pageContact .contact:hover .icon{fill:#17f700}.light-mode .pageContact .contact:hover .icon{fill:#f70000}.light-mode .pageContact .doughnut{filter:invert(100%) hue-rotate(62deg) blur(5px)}.dark-mode .pageContact .doughnut{filter:invert(0%) hue-rotate(0deg) blur(5px)}.light-mode .pageContact .backgroundColor{filter:invert(100%) hue-rotate(62deg) blur(300px)}.dark-mode .pageContact .backgroundColor{filter:blur(300px)}body.bodyContact{width:100vw;height:100vh;overflow:hidden}.pageContact .contactContainer{position:absolute;bottom:0vh;left:0vw;height:55vh;width:100vw;display:flex;justify-content:center;align-items:flex-start}.pageContact .contactBox1,.pageContact .contactBox2,.pageContact .contactBox3,.pageContact .contactBox4{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.pageContact .contactBox1{animation:contactBoxEnter .9s 1.3s ease both,contactBoxMove 1s 2.4s ease both}.pageContact .contactBox2{animation:contactBoxEnter .9s 1.4s ease both,contactBoxMove 1s 2.4s ease both}.pageContact .contactBox3{animation:contactBoxEnter .9s 1.5s ease both,contactBoxMove 1s 2.4s ease both}.pageContact .contactBox4{animation:contactBoxEnter .9s 1.6s ease both,contactBoxMove 1s 2.4s ease both}@keyframes contactBoxEnter{0%{transform:translateY(-100vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes contactBoxMove{0%{margin-right:-7%;margin-left:-7%}to{margin-right:2%;margin-left:2%}}.pageContact .contact{display:flex;justify-content:center;align-items:center;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 1900,"wdth" 130;font-size:16pt;width:300px;text-decoration:none;animation:contact 1s 2.6s ease backwards}.pageContact .contact:hover{transform:translateY(-20px)}@keyframes contact{0%{transform:rotateY(43deg) rotateX(-30deg) rotate(-25deg)}to{transform:rotateY(0) rotateX(0) rotate(0)}}.pageContact svg{height:8vh;width:auto;margin-right:10px}.pageContact .contactBox1 .contact:hover+.email{opacity:1;transition:opacity .5s ease}.pageContact .email{font-family:Consola,sans-serif;font-size:2vh;opacity:0;transition:opacity .5s ease}.pageContact .contactBox2 .contact:hover+.github{opacity:1;transition:opacity .5s ease}.pageContact .github{font-family:Consola,sans-serif;font-size:2vh;opacity:0;transition:opacity .5s ease}.pageContact .contactBox3 .contact:hover+.wechat{opacity:1;transition:opacity .5s ease}.pageContact .wechat{width:250px;opacity:0;transition:opacity .5s ease}.pageContact .contactBox4 .contact:hover+.instagram{opacity:1;transition:opacity .5s ease}.pageContact .instagram{font-family:Consola,sans-serif;font-size:2vh;opacity:0;transition:opacity .5s ease}.pageContact .title{top:7vh;left:4vw;animation:titleMoveContact 1.2s ease}@keyframes titleMoveContact{0%{transform:translate(-600px);opacity:0}to{transform:translate(0);opacity:1}}.pageContact .clock{top:17vh;left:4vw;z-index:2;animation:clockMoveContact 1.2s ease}@keyframes clockMoveContact{0%{opacity:0}to{opacity:1}}.pageContact .doughnut{position:fixed;top:95vh;left:80vw;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:-1;transition:transform .2s linear,filter .5s ease;animation:doughnutContact 2.3s ease}@keyframes doughnutContact{0%{opacity:0}to{opacity:1}}.pageContact .backgroundColor{position:fixed;z-index:-2;pointer-events:none;opacity:.7;transform:scaleX(-1)}*{margin:0;padding:0}body{background-color:#0c0c0c}body.light-mode{background-color:#fff}body.dark-mode{background-color:#0c0c0c}@font-face{font-family:Consola;src:url(/assets/fonts/consola.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ConsolaBold;src:url(/assets/fonts/consolab.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:cofoPeshkaVariable;src:url(/assets/fonts/cofoPeshkaVariable.otf) format("opentype")}html,body{margin:0;padding:0;overflow-x:hidden}.no-transition,.no-transition *{transition:none!important}body,.navText,.mode-toggle,.title,.clock{transition:background-color .5s ease,color .5s ease,text-shadow .5s ease}.light-mode .navText,.light-mode .mode-toggle,.light-mode .clock{color:#000}.dark-mode .navText,.dark-mode .mode-toggle,.dark-mode .clock{color:#fff}.light-mode .navText:hover,.light-mode .mode-toggle:hover{color:#f70000}.dark-mode .navText:hover,.dark-mode .mode-toggle:hover{color:#17f700}.light-mode .title{color:#f70000;text-shadow:0 0 15px #f70000}.dark-mode .title{color:#17f700;text-shadow:0 0 15px #17f700}.navbar{position:fixed;z-index:4;top:0vh;left:0vw;height:6vh;width:100vw;display:flex;justify-content:space-around;align-items:center;animation:navbar 1s .8s ease both}.navText,.mode-toggle{padding:5px;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 600,"wdth" 130;font-size:14pt;text-decoration:none;background-color:#0000;border:none;cursor:pointer;transition:all .35s ease}.navText:hover,.mode-toggle:hover{transform:scaleX(1.4)}@keyframes navbar{0%{transform:translateY(-5vh);opacity:0}10%{opacity:0}to{transform:translateY(0);opacity:1}}.title{position:absolute;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -15,"wght" 1900,"wdth" 130;font-size:65pt}.clock{position:absolute;font-family:cofoPeshkaVariable,sans-serif;font-variation-settings:"slnt" -20,"wght" 1900,"wdth" 130;font-size:3vh;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{border-radius:10px}html{scrollbar-width:thin}body::-webkit-scrollbar{width:5px;height:5px;display:block}body::-webkit-scrollbar-thumb{border-radius:10px}body::-webkit-scrollbar-track{border-radius:10px}.light-mode{scrollbar-color:#f70000 #00000000}.dark-mode{scrollbar-color:#17f700 #00000000}