.def-cont{height:100vh;width:100vw;margin:0}.def-cont.light-mode{color:#00252e;background:#868686}.side-btn-housing-wrapper{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:10rem;height:calc(100vh - 2rem);right:0;top:1rem;transition:left .5s}.side-btn-housing{height:1rem;width:1rem;position:relative}.side-btn-housing .float-menu-cont{top:-1rem;right:-1rem}.home{position:absolute;display:flex;align-items:center;justify-content:center;width:10rem;height:5rem;top:-2rem;right:-4.5rem;transition:left .5s}.home .home-btn{z-index:3;background:#00252e;box-shadow:-2px -2px 6px #ffffff1a,2px 2px 6px #000c;width:4rem;height:4rem;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:0;filter:brightness(100%);transition:width .5s,gap .5s,filter .5s;border-radius:10px;cursor:pointer;animation:delayDispHome .5s;animation:delayHome 1s}.home .home-btn i{height:100%;display:grid;place-items:center;font-size:2rem}.home .home-btn p{height:100%;width:0;display:grid;place-items:center;font-size:1.05rem;margin:0;overflow:hidden;transition:width .5s}.home.active,.home.active .home-btn{display:none}.home:not(.active):hover .home-btn{width:7.5rem;gap:.5rem;padding-right:.5rem;filter:brightness(110%)}.home:not(.active):hover .home-btn p{width:100%}.home-btn-ext{display:none}@keyframes delayDispHome{0%{display:none}99%{display:none}to{display:flex}}@keyframes delayHome{0%{opacity:0}50%{opacity:0}to{opacity:1}}.home-data{display:grid;grid-template-rows:40% auto;width:1rem;height:1rem;overflow:hidden;position:absolute;transition:1s;top:1rem;left:calc(-100vw + 12rem)}.home-data.home-data.active{height:calc(100% - 7rem);width:calc(100vw - 4rem);border-radius:10px;box-shadow:-6px -6px 10px #ffffff0d,6px 6px 15px #00000080}.home-title{margin:0;display:grid;align-items:end;margin-bottom:1rem;padding:.5rem;text-align:center;font-size:2rem}.home-title:after{content:"";position:relative;bottom:0;height:3px;width:30%;border-radius:2px;place-self:center;background:#f0f}.home-info{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:.5rem 3vw;font-size:1.15rem;width:calc(100vw - (6rem + 6vw))}.home-info p{margin:0;text-align:center}.sect{position:absolute;display:none;align-items:center;width:100vw;right:0;height:0vh;z-index:1;transform:rotateY(0);animation:none}.sect.standby,.sect.active{display:flex;height:100vh}.sect.standby{z-index:1;transform:rotateY(90deg);animation:unSpin .75s ease-in}.sect.active{z-index:2;transform:rotateY(0);animation:cardSpin .75s ease-out}.sect .sect-data{display:flex;flex-direction:column;align-items:start;row-gap:.5rem;box-shadow:-5px -5px 10px #ffffff0d,5px 5px 15px #00000080;height:calc(100vh - 2rem);width:calc(100% - 11.5rem);margin-left:1.5rem;margin-right:10rem;padding:0 1rem;opacity:1;animation:.25s acadActivate forwards}@keyframes unSpin{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg)}99%{transform:rotateY(-90deg);opacity:1}to{transform:rotateY(90deg);opacity:0}}@keyframes cardSpin{0%{transform:rotateY(90deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes acadActivate{0%{display:none}to{display:grid}}.sect-btn{position:absolute;z-index:3;background:#00252e;box-shadow:-5px -5px 10px #ffffff0d,5px 5px 15px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;width:4rem;height:4rem;top:calc(100% - 4rem);right:0;cursor:pointer;transition:1s}.sect-btn i{height:100%;display:grid;place-items:center;font-size:2rem}.sect-btn p{height:100%;display:none;font-size:.9rem;margin:0}.sect-btn:not(.active):hover{filter:brightness(110%)}.sect-btn.active{box-shadow:inset -2px -2px 6px #ffffff1a,inset 2px 2px 6px #000c;cursor:default}.sect-btn.active i{color:#f0f}.sect-btn.side-btn{position:absolute;width:4rem;height:4rem;right:3rem;overflow:hidden;flex-direction:row-reverse;gap:0;transition:.5s}.sect-btn.side-btn p{display:grid;place-items:center;width:0;font-size:1.05rem;margin:0;overflow:hidden;transition:width .5s}.sect-btn.side-btn:not(.active):hover{width:7.5rem;gap:.5rem;padding-right:.5rem;right:1rem}.sect-btn.side-btn:not(.active):hover p{width:100%}.sect-btn:not(.side-btn){transition:top .5s,transform .5s}.sect-btn:not(.side-btn) i{width:100%;height:100%;background:inherit;border-radius:inherit}.sect-btn:not(.side-btn) p{display:grid;place-items:center;position:absolute;transition:width .5s,bottom .5s;width:0;overflow:hidden;width:3rem;z-index:-1;transform:translateZ(1px);height:1.5rem;bottom:0}.sect-btn:not(.side-btn):hover{top:calc(100% - 5rem)}.sect-btn:not(.side-btn):hover p{width:5rem;bottom:-1.5rem;transition:width .1s,bottom .5s}.sect-btn.acad-btn:not(.side-btn){transform:translate(-80vw)}.sect-btn.acad-btn.side-btn{top:calc(50% - 5rem)}.sect-btn.skill-btn:not(.side-btn){transform:translate(-60vw)}.sect-btn.skill-btn.side-btn{top:calc(66.6666666667% - 5rem)}.sect-btn.proj-btn:not(.side-btn){transform:translate(-40vw)}.sect-btn.proj-btn.side-btn{top:calc(83.3333333333% - 5rem)}.sect-btn.contact-btn:not(.side-btn){transform:translate(-20vw)}.sect-btn.contact-btn.side-btn{top:calc(100% - 5rem)}.sect-title{height:2.3rem;margin:0;display:grid;align-items:end;font-size:2rem}.academics-info{padding:1rem;display:grid;align-items:start;justify-items:center;overflow-y:auto}.timeline{position:relative;width:700px}.node-cont{position:relative;padding:5px 30px;width:290px;animation:moveNode .5s forwards;z-index:4;opacity:0}@keyframes moveNode{0%{opacity:1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.node-cont:nth-child(1){animation-delay:0s}.node-cont:nth-child(2){animation-delay:.5s}.node-cont:nth-child(3){animation-delay:1s}.node-cont:nth-child(4){animation-delay:1.5s}.node-cont:nth-child(5){animation-delay:2s}.node-cont:nth-child(6){animation-delay:2.5s}.node-data{padding:1px .75rem;min-height:3rem;background:#00252e;box-shadow:-6px -6px 10px #ffffff0d,6px 6px 15px #00000080;border-radius:10px;cursor:pointer}.node-data p{margin:.3rem 0 .5rem}.acad-year{margin:.5rem 0 0;padding-left:.5rem;width:100%;font-weight:400;font-size:1rem}.acad-year span{font-weight:500;font-size:1.2rem;border-bottom:solid #ff00ff 3px;padding:0 .5rem;margin-right:.5rem}.node-body li a{border-bottom:1px magenta solid;text-decoration:none;transition:.5s}.node-body li a:hover{transition:.5s}.node-data.active{max-height:50vh;transition:.5s}.node-data.active .acad-year i{display:none}.spec-node .acad-year span{border-bottom:solid gold 3px}.spec-node:hover,.spec-node.active{background:#fffbe226}.left-node{left:0}.right-node{left:50%}.node-point{position:absolute;display:grid;place-items:center;background:#f0f;width:40px;height:40px;border-radius:50%;right:-20px;top:calc(50% - 20px);box-sizing:border-box;z-index:10;transition:.5s ease;cursor:pointer}.node-point div{background:gold;height:33%;width:33%;border-radius:50%;box-shadow:0 0 5px gold;transition:.5s;cursor:pointer}.right-node .node-point{left:-20px}.node-point-span{position:absolute;height:3px;width:30px;background:#f0f;right:0;top:calc(50% - 1.5px);transition:.5s ease}.right-node .node-point-span{left:0}.node-point:hover div{height:100%;width:100%;box-shadow:0 0 10px gold;transition:.5s}.timeline:after{content:"";position:absolute;width:6px;border-radius:3px;margin-top:33px;background:#f0f;top:0;left:calc(50% - 3px);z-index:3;animation:timeline 3s linear forwards}@keyframes timeline{0%{height:0}to{height:calc(100% - 70px)}}.new-timeline{position:relative;width:700px}.new-timeline:after{content:"";position:absolute;width:6px;border-radius:3px;height:calc(100% - 160px);margin-top:33px;background:#f0f;top:0;left:calc(50% - 3px);z-index:3}@keyframes newTimeline{0%{height:0}to{height:calc(100% - 160px)}}.skill-info{overflow-y:hidden;padding:1rem;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-around;-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem}.skill-cat{transition:.5s;cursor:pointer;height:12rem;width:24rem;display:flex;flex-direction:column;padding:.5rem;border:dashed 3px #868686;border-radius:10px}.skill-cat i{display:none}.skill-cat .skill-cat-desc{display:block}.skill-cat .skill-cat-body{display:none}.skill-cat:hover{height:14rem;width:28rem;background:#ffffff0d}.skill-cat.active{height:90%;width:85%;overflow-y:auto;transition:.5s;cursor:default}.skill-cat.active i{display:grid}.skill-cat.active .skill-cat-desc{display:none}.skill-cat.active .skill-cat-head{padding:.5rem;border-radius:0;border-bottom:solid 1px #868686}.skill-cat.active .skill-cat-body{padding:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;transition:.5s;gap:1rem}.skill-cat.active:hover{background:transparent}.skill-cat.inactive{height:15rem;width:4rem;transition:.5s;cursor:pointer}.skill-cat.inactive i,.skill-cat.inactive .skill-cat-desc,.skill-cat.inactive .skill-cat-body{display:none}.skill-cat.inactive .skill-cat-head{width:15rem;height:4rem;transform-origin:7.5rem 7.5rem;transform:rotate(-90deg)}.skill-cat-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:.5s}.skill-cat-head h2{margin:0}.skill-cat-head i{cursor:pointer}.skill-cat-nodule{color:#00252e;background:#868686;border-radius:25px;flex:0 1 10.8rem;height:3rem;display:grid;place-items:center;transition:.15s ease-in}.skill-cat-nodule:hover{background:#d1d1d1;box-shadow:0 0 10px #d1d1d1;font-size:1.11rem;color:#f0f;transition:.15s}.proj-info{margin:0;height:74vh;padding:.25rem;overflow-y:auto;display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:1rem}.proj-card{margin:0;transition:.5s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;height:15rem;width:15rem;border:dashed 3px #868686;border-radius:10px}.proj-card i{display:none}.proj-card .proj-head{justify-content:center}.proj-card .proj-thumb{display:block}.proj-card .proj-body{display:none}.proj-card.src-card{border:dashed 3px #b1953e}.proj-card.src-card .proj-head,.proj-card.src-card i{color:#b1953e}.proj-card.src-card i:hover{color:red}.proj-card:hover{filter:brightness(60%)}.proj-card.active:hover{filter:brightness(100%)}.proj-card.active{background:transparent;height:72vh;width:80vw;align-items:center;border-radius:0;transition:.5s;cursor:default}.proj-card.active i{display:grid}.proj-card.active .proj-head{width:95%;justify-content:space-between;padding:.25rem;margin-bottom:.25rem;border-radius:0;border-bottom:solid 1px #868686}.proj-card.active .proj-thumb{display:none}.proj-card.active .proj-body{display:grid;width:80%;place-items:center;overflow-y:auto}.proj-thumb{border-radius:50%;width:11rem;height:11rem;-o-object-fit:cover;object-fit:cover}.proj-head{display:flex;flex-direction:row;align-items:center;transition:.5s}.proj-head i{cursor:pointer}.proj-head h2{margin:0;font-size:1.1rem}.proj-card.active .proj-head h2{font-size:1.5rem}.proj-disp{height:22.5vw;width:40vw;box-shadow:-5px -5px 10px #ffffff0d,5px 5px 15px #00000080;transition:.25s;cursor:pointer}.proj-disp:hover{box-shadow:0 0 20px #ff00ff4d;filter:brightness(70%);transition:.25s}.proj-links{margin-top:.5rem;height:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.proj-links a{text-decoration:none;color:#868686;border-bottom:solid 2px #ff00ff;padding:0 .5rem;border-radius:0;transition:.5s ease-in-out}.proj-links a:hover{background:#ff00ff1a;border-radius:10px;transition:.2s}.proj-details{width:95%;border:solid 2px #868686;border-collapse:collapse}.proj-details th{border:solid 2px #868686;padding:.5rem}.proj-details .proj-roles{border-bottom:solid 2px #868686}.proj-details td{display:flex;flex-direction:column;justify-content:center;padding:0}.proj-details td p{border-bottom:solid 1px #868686;margin:0;padding:.5rem}.proj-card.src-card .proj-details,.proj-card.src-card .proj-details th{border:solid 2px #b1953e}.proj-card.src-card .proj-details .proj-roles{border-bottom:solid 2px #b1953e}.proj-card.src-card .proj-details td p{border-bottom:solid 1px #b1953e}.proj-card.inactive{height:0;width:0;display:none;visibility:hidden;transition:.5s}.proj-card.inactive i,.proj-card.inactive .proj-thumb,.proj-card.inactive .proj-body,.proj-card.inactive .proj-head{display:none}.contact-info{overflow-y:auto;max-height:100%;padding:1rem;display:flex;flex-direction:column;align-items:start;justify-content:start}.contact-links{border:solid 1px #868686;align-self:center}.contact-links a{text-decoration:none;color:#868686;border-bottom:solid 1px #ff00ff}.contact-links i{font-size:1.7rem;cursor:pointer;transition:.2s}.contact-links th{width:3rem;padding:.5rem}.contact-links td{padding:.5rem}.contact-links .fa-external-link{margin-left:.5rem;font-size:1.1rem;visibility:hidden;opacity:0}.contacts:hover i{color:#f0f;transition:.2s}.contacts:hover .fa-external-link{color:#868686;visibility:visible;opacity:1}.resume-link{margin-top:.5rem;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;-moz-column-gap:2rem;column-gap:2rem}.resume-link a{text-decoration:none;color:#868686;border-bottom:solid 2px #ff00ff;padding:0 .5rem;border-radius:0;transition:.5s ease-in-out}.resume-link a:hover{background:#ff00ff1a;border-radius:10px;transition:.2s}.p-source-link{margin-top:1rem;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;-moz-column-gap:2rem;column-gap:2rem}.p-source-link a{text-decoration:none;color:#868686;border-bottom:solid 2px #ff00ff;padding:0 .5rem;border-radius:0;transition:.5s ease-in-out}.p-source-link a:hover{background:#ff00ff1a;border-radius:10px;transition:.2s}.simp-cont{height:100vh;width:100vw;margin:0}.simp-cont.light-mode{color:#00252e;background:#868686}.sidebar-cont{position:absolute;left:0;height:100vh;width:5rem;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background:#00000014;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:.5s}.sidebar-cont .line{width:55%;height:1px;background:#868686}.side-ui-sel{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1rem}.side-bg-icon{display:flex;align-items:center;justify-content:center;height:4rem}.side-bg-icon i.active{color:#f0f}.sidebar-cont .bg-ctrl{display:none}.side-layout-icon{display:flex;align-items:center;justify-content:center;color:#f0f;height:4rem}.side-layout-sel{display:none}.side-layout-btn{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;border-radius:7px;transition:.25s;cursor:pointer}.side-layout-btn:hover{box-shadow:0 0 10px 2px #86868626;transition:.25s}.side-layout-btn.active{color:#f0f;box-shadow:0 0 10px 5px #8686863f;height:.5rem;width:auto;padding:1rem;border-radius:15px}.side-page-sel{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:1rem}.side-page-btn{height:4rem;width:4rem;display:flex;align-items:center;justify-content:center;gap:1rem;text-decoration:none;color:#868686;transition:.25s}.side-page-btn .side-page-label{display:none}.side-page-btn:hover{box-shadow:0 0 10px 3px #86868626;padding:0 1.5rem;border-radius:10px;transition:.25s}.side-page-btn.active .side-page-icon{color:#f0f;border-bottom:solid 1px #ff00ff}.side-page-btn.active .side-page-label{border-bottom:solid 1px #ff00ff}.sidebar-cont:hover{width:15rem;transition:.5s}.sidebar-cont:hover .side-bg-icon{display:none}.sidebar-cont:hover .bg-ctrl{display:flex;height:4rem}.sidebar-cont:hover .side-layout-icon{display:none}.sidebar-cont:hover .side-layout-sel{display:flex;align-items:center;justify-content:center;height:4rem;gap:.5rem}.sidebar-cont:hover .side-page-btn{width:auto}.sidebar-cont:hover .side-page-btn .side-page-label{display:flex}.sidebar-cont:hover .side-page-btn.active{box-shadow:0 0 10px 5px #8686863f;padding:0 2rem;border-radius:20px;transition:.25s}.mainbody-cont{position:relative;left:5rem;height:100vh;width:calc(100vw - 5rem);overflow-y:auto;scroll-behavior:smooth}.mainbody-cont .page-sect{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.mainbody-cont .home,.mainbody-cont .home.active{position:relative;display:grid;place-items:center;width:80%;height:80vh;top:0;left:0;border-radius:10px;box-shadow:-6px -6px 10px #ffffff0d,6px 6px 15px #00000080}.mainbody-cont .home .home-data,.mainbody-cont .home .home-data.active,.mainbody-cont .home.active .home-data,.mainbody-cont .home.active .home-data.active{position:static;display:grid;grid-template-rows:40% auto;height:100%;width:100%}.mainbody-cont .home .home-title,.mainbody-cont .home .home-info,.mainbody-cont .home.active .home-title,.mainbody-cont .home.active .home-info{margin:0;padding:0 1rem;box-sizing:border-box;width:100%}.mainbody-cont .home-btn,.mainbody-cont .sect-btn{display:none}.mainbody-cont .sect,.mainbody-cont .sect.active{position:relative;transform:rotateY(0);animation:none;display:grid;place-items:center;width:100%;height:100%;border-radius:0;box-shadow:none}.mainbody-cont .sect .sect-data,.mainbody-cont .sect.active .sect-data{display:grid;grid-template-rows:1fr auto;row-gap:.5rem;box-shadow:-5px -5px 10px #ffffff0d,5px 5px 15px #00000080;height:90%;width:95%;overflow:auto;opacity:1;margin:0;padding:.5rem}.mainbody-cont .sect .sect-data .sect-title,.mainbody-cont .sect.active .sect-data .sect-title{height:5rem}.mainbody-cont .timeline,.mainbody-cont .new-timeline{width:95%;display:flex;justify-content:space-around;align-items:center}.mainbody-cont .node-cont{position:relative;padding:0;width:13rem;height:70vh;animation:none;opacity:1;box-shadow:none}.mainbody-cont .node-data,.mainbody-cont .node-data.active{background:transparent;box-shadow:none;border-radius:0;height:100%;max-height:100%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;cursor:default}.mainbody-cont .node-data p,.mainbody-cont .node-data.active p{margin:0}.mainbody-cont .node-data .acad-year i,.mainbody-cont .node-data.active .acad-year i{display:none}.mainbody-cont .acad-year{margin:0;padding:0;width:100%;height:50%;font-weight:400;font-size:1rem;display:flex;align-items:end;justify-content:center}.mainbody-cont .acad-year span,.mainbody-cont .spec-node span{border-bottom:none;margin:0;padding:.5rem}.mainbody-cont .node-body{height:50%;width:100%;box-sizing:border-box;padding-top:.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:.9rem}.mainbody-cont .node-body p:nth-child(1){font-weight:500;text-decoration:underline;margin-bottom:.5rem}.mainbody-cont .node-body ul{margin:0;list-style:none;padding-left:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mainbody-cont .right-node{left:0}.mainbody-cont .right-node .node-data{flex-direction:column-reverse}.mainbody-cont .right-node .node-data .acad-year{align-items:start}.mainbody-cont .right-node .node-data .node-body{justify-content:end;padding:0 0 .5rem}.mainbody-cont .node-point{right:calc(50% - 20px);top:calc(50% - 20px);cursor:default}.mainbody-cont .right-node .node-point{left:calc(50% - 20px)}.mainbody-cont .node-point-span{width:100%}.mainbody-cont .node-point:hover div{height:33%;width:33%;box-shadow:none}.mainbody-cont .timeline:after,.mainbody-cont .new-timeline:after{display:none}.mainbody-cont .skill-cat,.mainbody-cont .skill-cat.active,.mainbody-cont .skill-cat.inactive{height:70vh;width:45%;background:transparent;overflow-y:auto;cursor:default;transition:.5s}.mainbody-cont .skill-cat i,.mainbody-cont .skill-cat.active i,.mainbody-cont .skill-cat.inactive i,.mainbody-cont .skill-cat .skill-cat-desc,.mainbody-cont .skill-cat.active .skill-cat-desc,.mainbody-cont .skill-cat.inactive .skill-cat-desc{display:none}.mainbody-cont .skill-cat .skill-cat-head,.mainbody-cont .skill-cat.active .skill-cat-head,.mainbody-cont .skill-cat.inactive .skill-cat-head{padding:.5rem;border-radius:0;border-bottom:solid 1px #868686;height:initial;width:initial;transform-origin:initial;transform:rotate(0)}.mainbody-cont .skill-cat .skill-cat-body,.mainbody-cont .skill-cat.active .skill-cat-body,.mainbody-cont .skill-cat.inactive .skill-cat-body{padding:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.mainbody-cont .page-sect#projects{height:-moz-fit-content;height:fit-content}.mainbody-cont .projects,.mainbody-cont .projects.active{height:auto;display:grid;height:-moz-fit-content;height:fit-content}.mainbody-cont .projects .sect-data,.mainbody-cont .projects.active .sect-data{height:-moz-fit-content;height:fit-content}.mainbody-cont .proj-info{height:-moz-fit-content;height:fit-content;flex-wrap:nowrap;align-items:start;justify-content:start;flex-direction:column}.mainbody-cont .proj-card,.mainbody-cont .proj-card.active,.mainbody-cont .proj-card.inactive{display:flex;flex-direction:row;align-items:start;justify-content:center;gap:.75rem;height:15rem;width:100%;background:transparent;border-radius:10px;box-sizing:border-box;visibility:visible;cursor:default}.mainbody-cont .proj-card .proj-thumb,.mainbody-cont .proj-card.active .proj-thumb,.mainbody-cont .proj-card.inactive .proj-thumb,.mainbody-cont .proj-card i,.mainbody-cont .proj-card.active i,.mainbody-cont .proj-card.inactive i{display:none}.mainbody-cont .proj-card .proj-head,.mainbody-cont .proj-card.active .proj-head,.mainbody-cont .proj-card.inactive .proj-head{width:14rem;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;margin:0;border:none}.mainbody-cont .proj-card .proj-head h2,.mainbody-cont .proj-card.active .proj-head h2,.mainbody-cont .proj-card.inactive .proj-head h2{font-size:1.2rem;text-align:center}.mainbody-cont .proj-card .proj-body,.mainbody-cont .proj-card.active .proj-body,.mainbody-cont .proj-card.inactive .proj-body{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:-moz-fit-content;width:fit-content;height:100%;margin:0;padding:0}.mainbody-cont .proj-card .proj-body .proj-disp,.mainbody-cont .proj-card.active .proj-body .proj-disp,.mainbody-cont .proj-card.inactive .proj-body .proj-disp{height:12rem;width:12rem;-o-object-fit:cover;object-fit:cover}.mainbody-cont .proj-card .proj-body .proj-links,.mainbody-cont .proj-card.active .proj-body .proj-links,.mainbody-cont .proj-card.inactive .proj-body .proj-links{margin-top:0;height:100%;display:flex;flex-direction:column}.mainbody-cont .proj-card .proj-body p,.mainbody-cont .proj-card.active .proj-body p,.mainbody-cont .proj-card.inactive .proj-body p{width:25%}.mainbody-cont .proj-card .proj-body .proj-details,.mainbody-cont .proj-card.active .proj-body .proj-details,.mainbody-cont .proj-card.inactive .proj-body .proj-details{width:40%}.mainbody-cont .proj-card .proj-body .proj-details th,.mainbody-cont .proj-card.active .proj-body .proj-details th,.mainbody-cont .proj-card.inactive .proj-body .proj-details th{padding:.1rem}.mainbody-cont .proj-card .proj-body .proj-details td,.mainbody-cont .proj-card.active .proj-body .proj-details td,.mainbody-cont .proj-card.inactive .proj-body .proj-details td{display:flex;flex-direction:column;justify-content:center;padding:0}.mainbody-cont .proj-card .proj-body .proj-details td p,.mainbody-cont .proj-card.active .proj-body .proj-details td p,.mainbody-cont .proj-card.inactive .proj-body .proj-details td p{margin:0;padding:.1rem;box-sizing:border-box;width:100%}.mainbody-cont .proj-card:hover{filter:brightness(100%)}.mainbody-cont .proj-disp:hover{box-shadow:0 0 20px #ff00ff4d;filter:brightness(70%);transition:.25s}.mainbody-cont .proj-card.src-card .proj-details,.mainbody-cont .proj-card.src-card .proj-details th{border:solid 2px #b1953e}.mainbody-cont .proj-card.src-card .proj-details .proj-roles{border-bottom:solid 2px #b1953e}.mainbody-cont .proj-card.src-card .proj-details td p{border-bottom:solid 1px #b1953e}.light-mode .side-page-btn a,.light-mode .side-page-btn{color:#00252e}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::-webkit-scrollbar{width:.4rem;height:.4rem}::-webkit-scrollbar-thumb{width:.3rem;height:.3rem;background:#fffa;border-radius:5px}body{margin:0;background:#00252e;color:#868686;overflow:hidden}.fa-times-circle-o{font-size:1.7rem;display:grid;color:#868686;transition:.5s}.fa-times-circle-o:hover{color:red;transition:.5s}.float-menu-cont{position:absolute;top:6.5vh;right:3.75vw;z-index:10;width:3rem;height:3rem;max-width:3rem;max-height:3rem;display:flex;flex-direction:column;align-items:flex-end;justify-content:start;-moz-column-gap:.3rem;column-gap:.3rem;overflow:hidden;border-radius:4px;box-shadow:-2px -2px 6px #ffffff1a,2px 2px 6px #000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:.5s}.menu-toggle{flex-shrink:0;height:3rem;width:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.5s}.tripbar{width:2rem;height:1.5px;border-radius:2px;background:#868686;position:relative;transition:.5s}.tripbar:before,.tripbar:after{content:"";position:absolute;width:inherit;height:inherit;background:#868686;transform:translateY(-10px);transition:.5s}.tripbar:after{transform:translateY(10px)}.menu-body{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0 1rem 1rem}.float-menu-cont.active{width:auto;height:auto;max-width:20rem;max-height:10rem;display:flex;align-items:flex-end;justify-content:start;border-radius:10px;background:#ffffff03}.float-menu-cont.active .menu-toggle:hover{border-radius:10px;filter:brightness(200%)}.float-menu-cont.active .tripbar{background-color:transparent;width:1.5rem;transform:translateY(0) rotate(-90deg)}.float-menu-cont.active .tripbar:before{width:1.5rem;transform:translateY(0) rotate(45deg)}.float-menu-cont.active .tripbar:after{width:1.5rem;transform:translateY(0) rotate(-45deg)}.bg-ctrl{display:flex;align-items:center;justify-content:center;-moz-column-gap:.3rem;column-gap:.3rem}.bg-ctrl i.active{color:#f0f}.bg-toggle{position:relative;display:inline-block;width:60px;height:28px}.bg-toggle input{opacity:0;width:0;height:0}.bg-slider{position:absolute;cursor:pointer;inset:0;border-radius:28px;background:#868686;box-shadow:inset -2px -2px 6px #ffffff1a,inset 2px 2px 6px #000c;transition:1s}.bg-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;border-radius:50%;background:#00252e;box-shadow:inset 3px 3px 5px #00000080,-3px -3px 5px #ffffff0d;transition:1s}input:checked+.bg-slider{background:#00252e}input:checked+.bg-slider:before{background:#868686;transform:translate(31px)}.layout-ctrl-cont{display:flex;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem}.layout-ctrl{padding:.25rem .75rem;background:#00252e;border-radius:10px;box-shadow:-1px -1px 5px #ffffff0d,1px 1px 5px #00000080;cursor:pointer;transition:.5s}.layout-ctrl:hover{box-shadow:-4px -4px 10px #ffffff0d,4px 4px 10px #00000080;transition:.5s}.layout-ctrl.active{color:#f0f;box-shadow:inset -2px -2px 6px #ffffff1a,inset 2px 2px 6px #000c;transition:.5s}.light-mode .tripbar,.light-mode .tripbar:before,.light-mode .tripbar:after{background:#00252e}.light-mode .bg-ctrl .bg-slider{box-shadow:-6px -6px 20px #fff3,6px 6px 20px #46464666,inset -6px -6px 20px #fff3,inset 6px 6px 20px #46464666}.light-mode .bg-ctrl i{color:#00252e}.light-mode .bg-ctrl i.active{color:#f0f}.light-mode .layout-ctrl{box-shadow:-1px -1px 5px #fff3,1px 1px 5px #0006;background:#868686;color:#00252e}.light-mode .layout-ctrl:hover{box-shadow:-4px -4px 10px #fff3,4px 4px 10px #46464666}.light-mode .layout-ctrl.active{color:#f0f;box-shadow:inset -6px -6px 20px #fff3,inset 6px 6px 20px #46464666}.light-mode ::-webkit-scrollbar-thumb{background:#00252e}.light-mode .home.active,.light-mode .home-btn,.light-mode .home-btn-ext,.light-mode .sect-btn{color:#00252e;background:#868686;box-shadow:-6px -6px 20px #fff3,6px 6px 20px #46464666}.light-mode .home-btn.active,.light-mode .home-btn-ext.active,.light-mode .sect-btn.active{box-shadow:-6px -6px 20px #fff3,6px 6px 20px #46464666,inset -6px -6px 20px #fff3,inset 6px 6px 20px #46464666}.light-mode .sect.active .sect-data{box-shadow:-6px -6px 20px #fff3,6px 6px 20px #46464666}.light-mode .node-data{background:#868686;color:#00252e;box-shadow:-6px -6px 20px #fff3,6px 6px 20px #46464666}.light-mode .spec-node:hover,.light-mode .spec-node.active{background:#fffbe226}.light-mode .skill-cat{border:dashed 3px #00252e}.light-mode .skill-cat-nodule{background:#00252e;color:#868686}.light-mode .skill-cat-nodule:hover{background:#002c37;box-shadow:0 0 10px #002c37;color:#f0f}.light-mode .proj-card{border:dashed 3px #00252e}.light-mode .proj-card.src-card{border:dashed 3px #b1953e}.light-mode .proj-card.active .proj-head{border-bottom:solid 1px #00252e}.light-mode .proj-details,.light-mode .proj-details th,.light-mode .proj-details .proj-roles{border:solid 2px #00252e}.light-mode .proj-details td p{border-bottom:solid 1px #00252e}.light-mode .proj-card.src-card .proj-details .proj-roles{border:solid 2px #b1953e}.light-mode .fa-times-circle-o{color:#00252e}.light-mode .contact-links{border:solid 1px #00252e}.light-mode .contact-links a,.light-mode .proj-links a,.light-mode .resume-link a,.light-mode .p-source-link a{color:#00252e}@media screen and (max-width: 900px){.layout-ctrl-cont{display:none}.timeline:after{left:31px}.new-timeline:after{left:31px}.right-node{left:0}.left-node .node-point,.right-node .node-point{left:14px}.left-node .node-point-span,.right-node .node-point-span{left:50px}.skill-cat,.skill-cat:hover{width:85%;height:11rem}.home-data{grid-template-rows:30% auto}.home-title:after{width:60%}.home-info{overflow-y:auto;font-size:1.1rem}}@media screen and (max-width: 450px){::-webkit-scrollbar{width:.15rem;height:.15rem}::-webkit-scrollbar-thumb{width:.1rem;height:.1rem;border-radius:3px}.side-btn-housing .float-menu-cont{top:-3rem;right:-3rem}.home{display:none}.home-data{display:flex;flex-direction:column;align-items:center;top:0rem;left:calc(-100vw + 11rem)}.home-data.home-data.active{height:calc(100% - 9rem);width:calc(100vw - 2rem);border-radius:10px;box-shadow:-6px -6px 10px #ffffff0d,6px 6px 15px #00000080}.home-title:after{width:80%}.home-title{width:100%;margin:0;padding:3.5rem 0 0;align-self:end;font-size:1.5rem}.home-info{width:calc(100vw - (2rem + 6vw));font-size:.9rem}.home-btn-ext{position:absolute;z-index:2;background:#00252e;display:grid;place-items:center;grid-template-rows:1.5fr 1fr;cursor:pointer;transition:1s;left:calc(15% - 2rem)}.home-btn-ext i{display:grid;place-items:center}.home-btn-ext p{display:grid;place-items:center;margin:0}.sect-btn{right:0;display:grid;place-items:center}.sect-btn.side-btn i,.sect-btn:not(.side-btn) i{align-self:end;width:-moz-fit-content;width:fit-content;height:1.5rem;font-size:1.5rem;background:transparent}.sect-btn.side-btn p,.sect-btn:not(.side-btn) p{position:relative;display:grid;place-items:center;align-self:start;width:-moz-fit-content;width:fit-content;height:.8rem;font-size:.6rem;margin:0;z-index:1;bottom:0!important}.sect-btn.side-btn:not(.active):hover,.sect-btn:not(.side-btn):not(.active):hover{filter:brightness(100%);width:4rem;gap:initial;padding-right:0;right:initial}.sect-btn.side-btn:not(.active):hover p,.sect-btn:not(.side-btn):not(.active):hover p{width:-moz-fit-content;width:fit-content}.sect-btn.side-btn.active,.sect-btn:not(.side-btn).active{filter:brightness(100%);box-shadow:inset -2px -2px 6px #ffffff1a,inset 2px 2px 6px #000c;transition:.5s;cursor:default}.sect-btn.side-btn.active i,.sect-btn:not(.side-btn).active i{color:#f0f}.sect-btn.side-btn:not(.active),.sect-btn:not(.side-btn):not(.active){filter:brightness(100%);box-shadow:-2px -2px 6px #ffffff1a,2px 2px 6px #000c;transition:.5s;cursor:pointer}.sect-btn.acad-btn:not(.side-btn),.sect-btn.acad-btn.side-btn{top:calc(100% - 8rem);left:0;transform:translate(calc(-100vw + 10rem + 2vw + 1rem + 1vw + (100vw - 2rem) / 5 * .88))}.sect-btn.skill-btn:not(.side-btn),.sect-btn.skill-btn.side-btn{top:calc(100% - 8rem);left:0;transform:translate(calc(-97vw + 11rem + (100vw - 2rem)*.384))}.sect-btn.proj-btn:not(.side-btn),.sect-btn.proj-btn.side-btn{top:calc(100% - 8rem);left:0;transform:translate(calc(-97vw + 11rem + (100vw - 2rem)*.592))}.sect-btn.contact-btn:not(.side-btn),.sect-btn.contact-btn.side-btn{top:calc(100% - 8rem);left:0;transform:translate(calc(-97vw + 11rem + (100vw - 2rem)*.8))}.home-btn-ext{top:calc(100% - 8rem);right:0;transform:translate(calc(-98vw + 11rem + (100vw - 2rem)*0));box-shadow:-2px -2px 6px #ffffff1a,2px 2px 6px #000c}.home-btn-ext.active{box-shadow:inset -2px -2px 6px #ffffff1a,inset 2px 2px 6px #000c;transition:.5s;cursor:default}.home-btn-ext.active i{color:#f0f}.home-btn-ext,.sect-btn,.sect-btn.side-btn{-webkit-tap-highlight-color:transparent;border-radius:50%;width:4rem;height:4rem}.home-btn-ext i,.sect-btn i,.sect-btn.side-btn i{align-self:end;height:1.5rem;font-size:1.5rem}.home-btn-ext p,.sect-btn p,.sect-btn.side-btn p{align-self:start;height:.8rem;font-size:.6rem}.light-mode .home-btn,.light-mode .home-btn-ext,.light-mode .sect-btn{box-shadow:none}.sect,.sect.active,.sect.standby{height:80vh;height:calc(100% - 10rem);top:0rem;font-size:1rem}.sect .sect-data,.sect.active .sect-data,.sect.standby .sect-data{grid-template-rows:7% auto;row-gap:.5rem;border-radius:10px;margin:0;margin-left:1rem;margin-right:1rem;height:100%;width:calc(100vw - 2rem)}.sect-title{width:-moz-fit-content;width:fit-content;align-items:end;padding:.5rem;font-size:1.5rem}.timeline,.new-timeline{width:100%}.timeline:after,.new-timeline:after{width:4px;left:0}.left-node .node-point,.right-node .node-point{width:20px;height:20px;border-radius:50%;left:-8px;top:calc(50% - 10px)}.left-node .node-point-span,.right-node .node-point-span{left:12px}.node-cont{padding-right:0;width:calc(100% - 25px)}.node-point-span{width:13px;top:calc(50% - 1.5px)}.node-data{padding:1px .75rem;border-radius:10px}.node-data h2{margin:.1rem 0 0;padding-left:.5rem}.node-data p{margin:.1rem 0 .5rem}.skill-cat,.skill-cat:hover{width:85%;height:11rem}.skill-cat.active{height:90%;cursor:default}.skill-cat.active .skill-cat-head{padding:.25rem}.skill-cat.active .skill-cat-body{padding:1rem .5rem .5rem;gap:.5rem}.skill-cat-nodule{height:2.5rem}.skill-cat.inactive{height:0;width:0;border:none;padding:0;transition:10ms}.skill-cat.inactive .skill-cat-head{width:0;height:0;display:none}.proj-info{height:66vh;margin-top:.5rem}.proj-card{gap:.1rem;height:13.1rem;width:15rem}.proj-head h2{font-size:1.1rem}.proj-card.active .proj-head h2{font-size:1.25rem}.contact-info{margin-top:.5rem;padding:0}.resume-link,.p-source-link{justify-content:start;margin-bottom:.25rem;margin:1rem}.resume-link p,.p-source-link p,.resume-link a,.p-source-link a{margin:0}}