@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.component-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;width:80%;z-index:2;background-color:#2c2c2ce6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;position:fixed;top:0;animation:slide-in .5s forwards}.page-progress{position:relative;width:50%;display:flex;align-items:center;justify-content:space-between}.headicon{z-index:2}.page-scrolled{position:absolute;height:3px;background-color:var(--brand);z-index:-1}@keyframes slide-in{0%{opacity:0;transform:translateY(-10rem)}to{transform:translateY(0);opacity:1}}@keyframes slide-in-extra{0%{transform:translateY(-10rem);opacity:0}50%{transform:translateY(2rem)}to{transform:translateY(0);opacity:1}}.brand{font-size:1.2rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;gap:.5rem;transition:all ease .3s}.brand:hover{cursor:pointer;color:var(--brand)}.resume{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.3rem;transition:all ease .1s;border-radius:.3rem;color:var(--brand)}.brand-name{animation:slide-in-extra 1s .5s forwards;opacity:0;font-weight:400}.brand img{aspect-ratio:1/1;width:1.5rem;transition:all ease .2s;animation:slide-in-extra 1s .4s forwards;opacity:0}.resume .fa-icon{aspect-ratio:1/1;width:1.5rem;transition:all ease .1s;animation:slide-in-extra .5s .4s forwards;opacity:0}.resume-label{font-size:1rem;transition:all ease .1s;animation:slide-in-extra 1s .4s forwards;opacity:0}.resume:hover{cursor:pointer;color:#fff}@media only screen and (max-width: 900px){.navigation{display:none}}@media screen and (max-width: 550px){.component-header{width:100%;border-radius:0}.resume-label,.page-progress{display:none}}.page-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;min-height:100vh}.content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;color:#fff;width:70%;min-height:100vh}.salutation{font-size:clamp(1rem,.1852rem + 4.7407vw,2rem);display:flex;align-items:center;justify-content:center;animation:appear .7s forwards;opacity:0}.name{color:var(--brand);font-size:clamp(4rem,1.3704rem + 9.4815vw,15rem);display:flex;align-items:center;justify-content:center;transform-origin:left;animation:appear .7s .4s forwards;opacity:0;line-height:.7em}.hobby{display:flex;flex-wrap:wrap;gap:1rem;font-size:clamp(1rem,.1852rem + 4.7407vw,3rem);transform-origin:left;animation:appear .7s .5s forwards;opacity:0;padding-top:2.5rem}.about{font-size:clamp(1rem,.9185rem + .4741vw,1.2rem);font-weight:lighter;color:#c2c2c2;padding-top:2rem;display:flex;align-items:center;justify-content:flex-start;width:100%;transform-origin:left;animation:appear .7s .6s forwards;opacity:0}.btn-group{display:flex;align-items:center;justify-content:flex-start;width:80%;padding-top:2rem;transform-origin:left;animation:appear .7s .7s forwards;opacity:0}@keyframes appear{0%{transform:scale(0);opacity:0}to{opacity:1;margin:0;transform:scale(1)}}.dynamic{color:var(--brand);display:flex;align-items:center;justify-content:center;transition:all ease 2s;position:relative}.dynamic:before{content:"";position:absolute;top:0;right:0;height:110%;width:1px;background-color:#fff;animation:blink .7s infinite}@keyframes blink{0%{opacity:0}to{opacity:1}}.btn-group div{display:flex;align-items:center;justify-content:center;font-size:clamp(.8rem,.3111rem + 2.8444vw,1.5rem);font-weight:700;border:1px solid var(--brand);padding:.5rem;transition:all ease .2s;min-width:12ch}.btn-group div:hover{cursor:pointer}.btn-group :nth-child(2){background-color:var(--brand);color:#000}.btn-group :nth-child(1):hover{text-shadow:0 0 5px var(--brand)}.about-content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-height:100vh;width:75vw}.heading{font-size:clamp(2.5rem,.5206rem + 4.1237vw,4rem);color:var(--brand);position:relative;font-weight:400}.about-content .typography{padding-top:2rem;width:100%;font-size:1rem;font-weight:300;display:flex;align-items:center;justify-content:center;gap:10px}.about-content .typography div{position:relative}.typography div>p{color:var(--brand);font-size:1.3rem}@media only screen and (max-width: 920px){.about-content .typography{flex-direction:column}}.edu-content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-height:100vh;width:75vw}.card-wrapper{margin-top:1rem;display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;padding-bottom:1rem;border-bottom:1px solid rgb(108,108,108);position:relative}.card-header{position:relative;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.all-cards{margin-bottom:2rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:1rem}.card-icon{width:5rem;margin:.5rem}.byline-info{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:clamp(1rem,.9185rem + .4741vw,1.2rem)}.headlines{color:#fff;padding:.7rem;width:100%;max-width:25rem}.degree{color:var(--brand);font-size:clamp(1rem,.5926rem + 2.3704vw,2rem);font-weight:700;padding-bottom:.3rem}.institution{font-weight:700;font-size:clamp(1rem,.9185rem + .4741vw,1.2rem)}.bullets{width:100%;font-size:1rem;padding:1rem;color:#ffffffb3;border-left:1px solid #868686}@keyframes general-x{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 500px){.card-wrapper{flex-direction:column}}.exp-content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:75vw;min-height:100vh;margin-bottom:2rem}.exp-wrapper{display:flex;justify-content:center;background-color:#3b3b3b;border-radius:5px;transition:all ease .2s}.exp-text{display:flex;align-items:center;justify-content:space-between;flex-direction:column;border-top-right-radius:5px;border-bottom-right-radius:5px;width:min-content}.company{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:.7rem;background-color:#000;border:1px solid var(--brand);border-top-left-radius:5px;border-bottom-left-radius:5px}.company-icon img{width:5rem}.exp-headlines{background-color:var(--brand);color:#000;padding:.5rem 1rem;font-size:clamp(1.2rem,.4667rem + 4.2667vw,2rem);font-weight:700;width:100%;border-top-right-radius:5px}.description{font-size:clamp(1rem,.9185rem + .4741vw,1.2rem);color:#fff;padding:1.2rem 1rem}.description{width:35ch}.techstack{display:flex;padding:.5rem 1rem;align-items:center;column-gap:1rem;row-gap:.4rem;flex-wrap:wrap;width:100%}.tech{color:#fff;background-color:#5d5d5d;padding:.3rem;border-radius:5px}.company{display:flex;align-items:center;justify-content:space-around;flex-direction:column;width:100%}.company-name{font-size:clamp(1.2rem,1.0778rem + .7111vw,1.5rem);color:#fff;transition:all ease .3s}.company-name:hover{color:var(--brand);cursor:pointer}.duration{font-size:clamp(1rem,.9185rem + .4741vw,1.2rem);color:#fff;align-self:flex-start;width:15ch}.exp-data{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:2rem;padding-bottom:2rem;width:100%}.exp-wrapper:hover{cursor:pointer}@media screen and (max-width: 600px){.exp-wrapper{flex-wrap:wrap}.exp-headlines{text-align:center}.techstack{justify-content:center}.duration{align-self:center;text-align:center}.description{text-align:center;width:100%}.exp-data{align-items:center}}.proj-content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:85vw;min-height:100vh}.proj-byline{font-size:clamp(1rem,.9185rem + .4741vw,1.2rem);margin-bottom:2rem}.proj-display{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6rem;padding-top:6rem}.proj-byline{font-size:clamp(1rem,.9185rem + .4741vw,1.2rem);color:#bdbdbd;width:70%;text-align:center;flex-grow:1}.proj-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto;width:100%;border-radius:.5rem;transition:all ease .3s;border:1px solid transparent}.proj-card:hover{border:1px solid var(--brand)}.proj-card *{animation-delay:.3s}.view{background-color:#b8b8b8;padding:1rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;align-items:center;justify-content:center;position:relative}.view img{width:90%}.proj-name{font-size:1.5rem;font-weight:700;color:#000;background-color:var(--brand);text-align:center;width:100%}.proj-duration{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1rem;color:#fff;background-color:#373737;text-align:center;padding:1rem 1rem .5rem;width:100%;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;gap:1rem}.proj-duration :first-child{align-items:flex-start;padding-bottom:auto}.github img{aspect-ratio:1/1;width:1rem}.github{display:flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--brand);border-radius:3px;padding:.3rem;transition:all ease .3s;height:2rem}.github:hover{cursor:pointer;border-color:#fff;color:var(--brand)}.view:before{content:"Live demo";font-size:1rem;position:absolute;width:100%;color:#fff;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;opacity:0;z-index:20;background:#040404bc;transition:all ease .3s;border:1px solid var(--brand)}.view:hover:before{opacity:1;cursor:pointer}.view img::hover{transform:scale(1.5)}@media only screen and (max-width: 600px){.proj-display{width:90%;grid-template-columns:1fr;grid-template-rows:auto}}.projectbanner{display:flex;align-items:flex-start;justify-content:center;width:100%}.projectbanner .project-content{text-align:right}.projectbanner .project-content .project-head{font-size:2rem;width:100%;background-color:var(--brand);color:#000;padding:0 1rem}.projectbanner .project-content .project-desc{padding:1rem 1rem 0;font-weight:100}.projectbanner .project-content .extras{display:flex;align-items:flex-end;width:100%;justify-content:center;flex-direction:column;padding:1rem 1rem 0;gap:1rem}.projectbanner .project-content .extras .project-btn{display:flex;align-items:flex-end;justify-content:center;border:1px solid var(--brand);margin-top:1rem;width:min-content}.projectbanner .project-content .extras .project-btn *{padding:.5rem 1rem;font-weight:400;cursor:pointer;transition:all ease .2s}.projectbanner .project-content .extras .project-btn .github-btn:hover{box-shadow:0 0 5px 1px var(--brand)}.projectbanner .project-content .extras .project-btn .demo-btn:hover{box-shadow:inset 0 0 5px 1px #000}.projectbanner .project-content .extras .project-btn .demo-btn{background:var(--brand);color:#000}.projectbanner .project-content .extras .project-tags{display:flex;align-items:center;justify-content:right;flex-wrap:wrap;gap:.5rem}.projectbanner .project-content .extras .project-tags .ptag{color:#fff;background:#d9d9d940;padding:4px 10px;font-size:.8rem}.projectbanner .banner{align-self:stretch;display:flex;align-items:center;justify-content:center;background-color:#3d3d3d;border:1px solid var(--brand);padding:.7rem}.projectbanner .banner img{width:30rem}@media only screen and (max-width: 1000px){.projectbanner{flex-direction:column-reverse!important;gap:.5rem}.projectbanner .banner{display:flex;align-items:center;justify-content:center}.projectbanner .banner img{width:100%}.projectbanner .project-content .project-desc,.projectbanner .project-content .extras{padding-left:0rem;padding-right:0rem}}.font-awesome{transition:all ease .3s}.font-awesome:hover{transform:scale(1.1);color:var(--white);cursor:pointer}.contact-wrap{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:75vw;min-height:100vh}.contact-wrap p{padding-top:20vh;font-size:.9rem}.say-hello{font-size:clamp(2rem,.7778rem + 7.1111vw,5rem);font-weight:700;color:var(--brand);padding-bottom:1rem;position:relative}.contact-body{font-size:1rem;width:100%;padding:2rem 0;position:relative}.contact-list{display:flex;align-items:center;justify-content:center;gap:1.8rem}.contact-list :nth-child(1){animation-delay:0s}.contact-list :nth-child(2){animation-delay:.2s}.contact-list :nth-child(3){animation-delay:.3s}.tech-heading{font-size:clamp(3rem,2.1852rem + 4.7407vw,4rem);font-weight:700;color:var(--brand);padding-bottom:1rem;position:relative}.tech-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;min-height:100vh;font-size:clamp(1rem,.9185rem + .4741vw,1.2rem)}.tech-content{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.tech-content p{width:min(70ch,80%);text-align:center}.tech-info{width:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.info-wrapper{display:flex;align-items:flex-start;justify-content:center;width:80%;margin-top:3rem}.tech-icons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.tech-icons *{aspect-ratio:1/1;width:max(5rem,15%);transition:all ease .3s;padding:.2rem}.tech-icons *:hover{cursor:pointer;transform:scale(1.2)}@keyframes bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media only screen and (max-width: 600px){.info-wrapper{flex-wrap:wrap}.tech-info{width:90%}}.cp-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;width:75vw;min-height:100vh}.cp-header{font-size:clamp(3rem,2.1852rem + 4.7407vw,4rem);font-weight:700;color:var(--brand);padding-bottom:1rem;position:relative}.cp-wrap p{width:min(55ch,80%);text-align:center;position:relative;font-size:clamp(1rem,.9185rem + .4741vw,1.2rem)}.cp-cards{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%}.cp-card-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--brand);border-radius:5px;width:min(18rem,100%);margin-top:2rem}.cp-card-wrap:hover{cursor:pointer}.cp-card-head{font-size:2rem;padding:1rem;font-weight:700;color:#000;background-color:var(--brand);border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:.3rem}.cp-card-head img{aspect-ratio:1/1;width:2rem}.cp-card-stat{display:flex;align-items:center;justify-content:center;flex-direction:column}.cp-number{font-size:5rem;font-weight:700;color:var(--brand)}.cp-label{font-size:1.3rem;font-weight:700;color:#fff;text-align:center;width:100%}.cp-more{padding-top:1rem;font-size:inherit;color:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;gap:5px}.cp-more span{font-size:2rem;font-weight:700;color:var(--brand)}@media only screen and (max-width: 370px){.cp-card-head{font-size:1.5rem}.cp-cards{width:95%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;outline:0;font-family:Roboto Mono;font-weight:300;--dark: rgb(33, 33, 33);--white: hsl(0, 0%, 85%);--brand: #FFAD33;--brand-2: #ffad333a}::selection{background-color:var(--brand);color:#fff}*::-webkit-scrollbar{width:0px}html{scroll-behavior:smooth}body{color:var(--white);background-color:var(--dark);overflow-x:hidden}.website{display:flex;align-items:center;justify-content:center;flex-direction:column}[id^="#"]{min-height:100vh;position:relative}.head-wideline{display:flex;align-items:center;justify-content:center;width:100%;gap:1rem;margin:.5rem 0}.head-wideline div:first-child{white-space:nowrap}.head-wideline .wideline{width:100%;height:1.5px;background-color:var(--brand);position:relative}.head-wideline .wideline:before{content:"";position:absolute;width:1.2rem;height:1.2rem;border-radius:100%;background-color:var(--brand);right:0;top:-.6rem}.design{height:100vh;width:50vw;display:flex;position:fixed;top:0;z-index:-2}.design *{background-color:var(--brand-2);height:100%;width:100%;position:absolute;top:0}.left>*,.left{left:0;transform-origin:left}.right>*,.right{right:0;transform-origin:right}@keyframes animate-open{to{transform:scaleX(var(--squeeze))}}.design :nth-child(1){--squeeze: .15;animation:animate-open .8s ease-in-out forwards}.design :nth-child(2){--squeeze: .12;animation:animate-open .6s ease-in-out forwards}.design :nth-child(3){--squeeze: .09;animation:animate-open .4s ease-in-out forwards}.design :nth-child(4){--squeeze: .06;animation:animate-open .2s ease-in-out forwards}.design :nth-child(5){--squeeze: .03;animation:animate-open 0s ease-in-out forwards}@media screen and (max-width: 600px){@keyframes animate-open{to{transform:scaleX(0)}}*::-webkit-scrollbar{width:3px;background:linear-gradient(var(--brand) 20%,white 100%)}*::-webkit-scrollbar-thumb{width:3px!important;background:linear-gradient(var(--brand) 20%,white 100%)}*::-webkit-scrollbar-button,*::-webkit-scrollbar-corner{display:none}.about-content{width:85vw}.content{width:85%}}@keyframes general{0%{top:10rem;opacity:0}to{top:0;opacity:1}}.text-showup{transform:translate(0)}.hiderx{opacity:0}.shower{animation:entrance-1 .7s ease 0s 1 normal forwards}.right-to-left{opacity:0}.bulletshow{animation:right-entry 1s ease 0s 1 normal forwards}.left-to-right{opacity:0}.descend-show{animation:left-entry 1s ease 0s 1 normal forwards}@keyframes left-entry{0%{transform:translate(-10rem);opacity:0}50%{transform:translate(1rem)}to{transform:translate(0);opacity:1}}@keyframes right-entry{0%{transform:translate(10rem);opacity:0}50%{transform:translate(-1rem)}to{transform:translate(0);opacity:1}}@keyframes bullet-anim{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes entrance-1{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}