.main-page{height:100vh;width:100vw;display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:hidden;align-items:center;cursor:default;user-select:none}.label{margin-top:10vh;height:40vh;width:100%}.my-name{height:18vh;font-size:48px;padding-top:5vh;color:#fff;border-bottom:2px solid #bbb}.my-name,.role{width:80%;margin-left:10%;opacity:0;text-align:center;animation:fade-in-main 3s;animation-fill-mode:forwards;overflow-x:hidden}.role{color:#bbb;font-size:24px;padding-top:20px;animation-delay:1.5s}.picture{display:flex;position:relative;width:100%;justify-content:center;bottom:15vh;opacity:0;animation:fade-in-main 3s;animation-fill-mode:forwards}.pfp{width:30vw;border-radius:100%}@keyframes fade-in-main{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:1000px){.main-page{height:100vh;display:flex;overflow-x:hidden;align-items:center;cursor:default;user-select:none}.label{height:450px;width:800px;margin-left:10vw;overflow-y:hidden;overflow-x:hidden}.my-name{height:50%;width:100%;font-size:96px;padding-top:10vh;color:#fff;animation:fade-in-main 3s;animation-fill-mode:forwards;border-bottom:2px solid #bbb;overflow-y:hidden}.my-name,.role{opacity:0;text-align:left}.role{color:#bbb;font-size:38px;padding-top:20px;animation:fade-in-main 2s;animation-fill-mode:forwards;animation-delay:1s}.picture{position:relative;height:350px;width:350px;margin-top:40vh;opacity:0;animation:fade-in-main 3s;animation-fill-mode:forwards;margin-left:0;margin-bottom:0}.pfp{border-radius:100%}@keyframes fade-in-main{0%{opacity:0}to{opacity:1}}}.background{display:flex;flex-wrap:wrap;background-color:#3f3f3f;height:100vh;overflow-y:hidden;overflow-x:hidden}.blank-space{background-color:#20422b;height:30vh;width:100vw}.profile-popout{display:flex;height:30vh;width:100%;opacity:1;justify-content:center;margin-top:-15vh}.picture-popout{height:100%;font-family:robot-regular;user-select:none;border-top-left-radius:2em;border-bottom-left-radius:2em}.picture-popout,.popout-desc{opacity:1;box-shadow:5px 5px 5px #2f2f2f}.popout-desc{width:50%;padding:5px;text-align:center;background-color:#c0d3c7;color:#3f3f3f;border-top-right-radius:2em;border-bottom-right-radius:2em}.desc-name{position:relative;height:15%;margin-bottom:5px;font-size:24px;user-select:none;cursor:default}@keyframes fade-in-right-p2{0%{opacity:0;margin-left:-100vw}18%{opacity:1;margin-left:0}}@keyframes fade-in-left-p2{0%{opacity:0;margin-left:200vw}18%{opacity:1;margin-left:0}}@keyframes fade-in-up-p2{0%{opacity:0;margin-top:500px}18%{opacity:1;margin-top:0}}@keyframes fade-in-p2{0%{opacity:0}17%{box-shadow:none}18%{opacity:1;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}}.half-border{height:2px;width:50%;background-color:#3f3f3f;justify-self:center}.spacer{height:10px}.desc-label{font-weight:700;text-align:left;user-select:none;cursor:default;font-size:14px}.desc-text{text-align:left;font-size:10px}.about-box{opacity:1;height:50vh;width:100vw;padding:50px 0 10px;user-select:none}.about-text{height:100%;width:80%;justify-self:center;color:#e7ffef}.about-title{text-align:center;font-size:36px}.about-content{font-size:18px;text-align:left}.desc-links{height:10%;display:flex;justify-content:center}.logo-link{border-radius:100%;cursor:pointer;user-select:none}.img-click{margin:-5vh 20px 20px;width:25px;height:25px;border-radius:100%;z-index:5}@media only screen and (min-width:1000px){.background{display:flex;background-color:#3f3f3f;height:100vh;align-items:center}.blank-space{background-color:#20422b;height:100vh;width:50vw}.profile-popout{display:flex;height:70vh;width:50vw;opacity:1;margin-left:-40vw;margin-top:0}.picture-popout{height:100%;font-family:robot-regular;user-select:none;border-top-left-radius:2em;border-bottom-left-radius:2em}.picture-popout,.popout-desc{opacity:1;box-shadow:5px 5px 5px #2f2f2f}.popout-desc{width:100%;padding:50px;text-align:center;background-color:#c0d3c7;color:#3f3f3f;border-top-right-radius:2em;border-bottom-right-radius:2em}.desc-name{height:20%;min-width:300px;font-size:48px;user-select:none;cursor:default}@keyframes fade-in-right-p2{0%{opacity:0;margin-left:-20vw}25%{opacity:1;margin-left:0}}@keyframes fade-in-left-p2{0%{opacity:0;margin-left:40vw}25%{opacity:1;margin-left:0}}@keyframes fade-in-up-p2{0%{opacity:0;margin-top:500px}25%{opacity:1;margin-top:0}}@keyframes fade-in-p2{0%{opacity:0}24%{box-shadow:none}25%{opacity:1;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}}.half-border{height:2px;width:50%;background-color:#3f3f3f;justify-self:center}.spacer{height:30px}.desc-label{font-weight:700;text-align:left;user-select:none;cursor:default;font-size:18px}.desc-text{text-align:left;font-size:14px}.about-box{opacity:1;height:60vh;width:30vw;margin-left:5vw;user-select:none}.about-text{height:100%;width:80%;padding:20px;justify-self:center;color:#e7ffef}.about-title{text-align:left;font-size:36px}.about-content{font-size:18px;text-align:left}.desc-links{display:flex;justify-content:center}.logo-link{border-radius:100%;cursor:pointer;user-select:none}.img-click{margin:20px;width:50px;height:50px;border-radius:100%;transition:all .4s ease}.img-click:hover{transform:scale(1.2)}@keyframes icon-shadow{0%{box-shadow:0 0 0 #000}to{box-shadow:5px 5px 5px #000}}}@font-face{font-family:roboto-regular;src:url(/_next/static/media/Roboto-Regular.8ff69652.ttf)}.navbar{position:fixed;width:100%;height:10%;z-index:100;background-color:#121212;justify-content:left;display:flex;border-bottom:1px solid #8b8b8b;user-select:none}.navbar-logo{position:relative;height:70%;max-width:12%;border-radius:100%;aspect-ratio:1/1;align-self:center;margin-left:2%;margin-right:5%;transform:all .4s ease}.navbar-logo:hover{transform:scale(1.1)}.navbar-text{position:relative;text-align:right;color:#8b8b8b;bottom:0;left:0;font-family:roboto-regular;font-size:12px;margin-top:10%;margin-left:5%;transition:all .4s ease}.navbar-text:hover{color:#fff;transform:scale(1.1)}.clickable:hover{cursor:pointer}.navbar-resume-download-btn{width:100%;height:100%;background-color:#bbb;display:flex;justify-self:right;color:#000;border-radius:2em;font-size:14px;text-align:center;align-items:center;transition:all .4s ease}.navbar-resume-download-btn:hover{background-color:#8b8b8b;transform:scale(1.1)}.right{visibility:hidden}@media only screen and (min-width:768px){.navbar{position:fixed;width:100vw;height:min(20vw,70px);z-index:100;background-color:#121212;justify-content:left;display:flex;border-bottom:1px solid #8b8b8b;user-select:none}.navbar-item{position:relative;height:100%;width:100px;text-align:left}.navbar-logo{position:relative;height:100%-20px;border-radius:100%;aspect-ratio:1/1;margin:10px min(30px,2%) 10px 10px}.navbar-text{position:relative;height:0;margin-top:30px;margin-left:2%;background-color:orange;color:#8b8b8b;font-family:roboto-regular;text-align:left;font-size:18px}.clickable:hover{cursor:pointer;color:#fff}.right{width:200px;height:70%;position:absolute;text-align:right;right:0;margin-right:50px;align-self:center}.navbar-resume-download-btn{width:200px;height:50px;background-color:#bbb;display:flex;justify-self:right;color:#000;border-radius:2em;font-size:14px;text-align:center;align-items:center;visibility:visible}.download-icon{max-height:25px;margin-left:20px}}.project-card{width:max(20vw,300px);height:max(30vh,350px);border-radius:1em;position:relative;border:2px solid #3f3f3f;transition:all .4s ease}.project-card:hover{transform:scale(1.05)}.projects-page{height:150vh;width:100vw;background-color:#121212;border-bottom:2px solid #3f3f3f;overflow-y:hidden}.projects-title{padding-top:12vh;width:100vw;height:25vh;text-align:center;font-size:48px;user-select:none}.quarter-border{height:2px;width:40%;background-color:#3f3f3f;justify-self:center}.project-timeline{display:flex;flex-wrap:wrap;align-content:flex-start;margin-top:40px;height:70vh;width:100vw;justify-self:center;gap:20px;justify-content:center}.project-date{width:100%;height:20px;font-size:16px;text-align:right;padding-top:25px;padding-left:25px;padding-right:10px}.project-techstack{position:absolute;bottom:5%;width:100%;height:10%;font-size:18px;text-align:left;padding:20px 0;color:#c8c8c8;overflow:hidden}.project-techstack:hover .slide-track{animation-play-state:paused}.slide-track:first-child{animation:scroll 16s linear infinite;animation-delay:0s}.slide-track:first-child,.slide-track:nth-child(2){position:absolute;will-change:transform;display:flex;gap:20px;left:300px;padding-right:20px;width:600px}.slide-track:nth-child(2){animation:scroll 16s linear infinite;animation-delay:8s}.tech-item{display:flex;gap:5px;justify-content:left;font-size:18px;padding-top:0;width:125px;height:100px}.tech-text{margin-top:-5px}.project-center-thin{width:10%;height:25px}.project-dot{background-color:#20422b;width:15px;height:15px;justify-self:center;margin-top:5px;border-radius:100%}.project-title{display:flex;width:100%;height:10%;justify-content:left;align-content:center;font-size:28px;padding-left:25px;padding-right:25px;border-top:2px solid #3f3f3f}.project-role{width:30%;text-align:right;font-size:14px;color:#bbb;padding-top:20px}.project-center-thick{width:10%}.project-line{width:3px;margin-top:-30px;background-color:#20422b;justify-self:center}.project-desc{display:none;width:60%;padding-right:10px;text-align:left;font-size:14px}.project-img{justify-self:center;transition:all .4s ease}.proj1{height:450px}.proj2{height:700px}.proj3{height:800px}.project-title.p2-anim{height:100px}.project-line.proj2{margin-top:-80px}.weblink{text-decoration:underline}@keyframes fade-in-right-p3{25%{opacity:0;margin-left:-100px}55%{opacity:1;margin-left:0}}@keyframes fade-in-left-p3{25%{opacity:0;margin-left:100vw}55%{opacity:1;margin-left:0}}@keyframes fade-in-p3-proj1{15%{opacity:0}40%{opacity:1}}@keyframes fade-in-p3-proj2{25%{opacity:0}55%{opacity:1}}@keyframes fade-in-p3-proj3{35%{opacity:0}80%{opacity:1}}@keyframes scroll{0%{transform:translateX(25%)}90%{transform:translateX(-150%)}to{transform:translateX(-150%)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.projects-title{animation:fade-in-right-p3 linear both;animation-timeline:scroll(root)}.quarter-border{animation:fade-in-left-p3 linear both;animation-timeline:scroll(root)}.p1-anim{animation:fade-in-p3-proj1 linear both;animation-timeline:scroll(root)}.p2-anim{animation:fade-in-p3-proj2 linear both;animation-timeline:scroll(root)}.p3-anim{animation:fade-in-p3-proj3 linear both;animation-timeline:scroll(root)}}}@media only screen and (min-width:1000px){.projects-page{height:150vh;width:100vw;background-color:#121212;border-bottom:2px solid #3f3f3f}.project-card{position:relative;width:max(20vw,300px);height:min(50vh,350px);border-radius:1em;border:2px solid #3f3f3f;transition:all .5s ease}.project-img{margin-top:10px;justify-self:center;filter:blur(2px);transition:all .5s ease}.project-card:hover .project-img{filter:blur(0)}.project-card:hover .project-date,.project-card:hover .project-title{color:hsla(0,0%,100%,0)}.project-card:hover .project-desc{color:#fff}.project-card:hover .project-techstack{color:#c8c8c8}.project-card:hover{transform:scale(1.05)}.projects-title{padding-top:12vh;width:100vw;height:25vh;text-align:center;font-size:48px;user-select:none}.quarter-border{height:2px;width:40%;background-color:#3f3f3f;justify-self:center}.project-timeline{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;margin-top:40px;gap:50px;height:70vh;width:80vw;justify-self:center}.project-date{position:absolute;bottom:5%;width:100%;height:10%;font-size:18px;text-align:left;color:#c8c8c8;padding-top:10px;transition:all .5s ease}.project-center-thin{width:10vw;height:25px}.project-dot{background-color:#20422b;width:15px;height:15px;justify-self:center;margin-top:5px;border-radius:100%}.project-title{color:#fff;border-top:2px solid #3f3f3f}.project-desc,.project-title{width:100%;height:10%;text-align:left;font-size:24px;margin-top:30px;padding-top:10px;transition:all .5s ease}.project-desc{display:flex;position:absolute;top:210px;color:hsla(0,0%,100%,0);padding-left:25px}.project-techstack{position:absolute;bottom:5%;width:100%;height:10%;font-size:18px;text-align:left;padding:20px 0;color:hsla(0,0%,78%,0);overflow:hidden;transition:color .5s ease}.project-techstack:hover .slide-track{animation-play-state:paused}.slide-track:first-child{animation:scroll 16s linear infinite;animation-delay:0s}.slide-track:first-child,.slide-track:nth-child(2){position:absolute;will-change:transform;display:flex;gap:20px;left:300px;padding-right:20px;width:600px}.slide-track:nth-child(2){animation:scroll 16s linear infinite;animation-delay:8s}.tech-item{display:flex;gap:5px;justify-content:left;font-size:18px;padding-top:0;width:125px;height:100px}.tech-text{margin-top:-5px}.project-title.p2-anim{height:25px}.project-line.proj2{margin-top:-5px}.project-role{width:10vw;text-align:right;font-size:14px;color:#bbb}.project-center-thick{width:10vw}.project-line{width:3px;margin-top:-5px;background-color:#20422b;justify-self:center}.proj1{height:250px}.proj2{height:350px}.proj3{height:400px}li{color:#bbb;margin-top:10px;list-style-type:disc}.weblink{text-decoration:underline}@keyframes fade-in-right-p3{25%{opacity:0;margin-left:-100px}55%{opacity:1;margin-left:0}}@keyframes fade-in-left-p3{25%{opacity:0;margin-left:100vw}55%{opacity:1;margin-left:0}}@keyframes fade-in-p3-proj1{35%{opacity:0}60%{opacity:1}}@keyframes fade-in-p3-proj2{40%{opacity:0}60%{opacity:1}}@keyframes fade-in-p3-proj3{50%{opacity:0}70%{opacity:1}}@keyframes scroll{0%{transform:translateX(25%)}90%{transform:translateX(-150%)}to{transform:translateX(-150%)}}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.educations-title{animation:fade-in-right-educ linear both;animation-timeline:scroll(root)}.quarter-border-educ{animation:fade-in-left-educ linear both;animation-timeline:scroll(root)}.e1-anim{animation:fade-in-e1 linear both;animation-timeline:scroll(root)}.e2-anim{animation:fade-in-e2 linear both;animation-timeline:scroll(root)}}}.education-page{height:100vh;width:100vw;background-color:#121212;overflow-y:hidden;overflow-x:hidden}.educations-title{padding-top:12vh;width:100vw;height:25vh;text-align:center;font-size:48px;user-select:none}.quarter-border-educ{height:2px;width:40%;background-color:#3f3f3f;justify-self:center}.education-timeline{display:flex;flex-wrap:wrap;align-content:flex-start;margin-top:40px;height:40vh;width:100vw;justify-self:center}.education-date{width:30%;height:50px;font-size:18px;text-align:right}.education-center-thin{width:10%;height:25px}.education-dot{background-color:#20422b;width:15px;height:15px;justify-self:center;margin-top:5px;border-radius:100%}.education-title{width:60%;height:25px;text-align:left;font-size:18px}.education-role{width:30%;text-align:right;font-size:14px;color:#bbb;padding-top:20px}.education-center-thick{width:10%}.education-line{width:3px;margin-top:-30px;background-color:#20422b;justify-self:center}.education-desc{width:60%;text-align:left;font-size:14px}.educ1{height:100px}.educ2{height:80px}li{color:#bbb;margin-top:10px;list-style-type:disc}@keyframes fade-in-right-educ{80%{opacity:0;margin-left:100px}to{opacity:1;margin-left:0}}@keyframes fade-in-left-educ{80%{opacity:0;margin-left:-100vw}to{opacity:1;margin-left:0}}@keyframes fade-in-e1{85%{opacity:0}95%{opacity:1}}@keyframes fade-in-e2{90%{opacity:0}to{opacity:1}}.resume{height:10vh;width:90vw;overflow-wrap:normal;text-align:center;justify-self:center;display:grid;user-select:none}.resume-download-btn{margin-top:10px;background-color:#20422b;width:60%;border-radius:2em;justify-self:center;justify-content:center;display:flex;align-items:center;z-index:10}.download-txt{width:200px;justify-self:left;text-align:left}.download-icon{margin:10px 25px;height:25px;width:auto}.scroll-to-top{position:relative;width:100vw;height:50px;user-select:none;margin-top:10vh}.scroll-btn,.scroll-to-top{display:flex;justify-content:center}.scroll-btn{width:100%;background-color:#000;border-radius:3em;border:2px solid #282828}.scroll-box{display:flex;justify-content:center;width:200px}.scroll-txt{height:100%;width:90%;margin-left:10px;align-content:center;text-align:left}.scroll-icon{align-self:center;height:50%}@media only screen and (min-width:1000px){.education-page{height:100vh}.educations-title{padding-top:12vh;width:100vw;height:25vh;text-align:center;font-size:48px;user-select:none}.quarter-border-educ{height:2px;width:40%;background-color:#3f3f3f;justify-self:center}.education-timeline{display:flex;flex-wrap:wrap;align-content:flex-start;margin-top:40px;height:40vh;width:50vw;justify-self:center}.education-date{font-size:18px;text-align:right}.education-center-thin,.education-date{width:10vw;height:25px}.education-dot{background-color:#20422b;width:15px;height:15px;justify-self:center;margin-top:5px;border-radius:100%}.education-title{width:30vw;height:25px;text-align:left;font-size:18px}.education-role{width:10vw;text-align:right;font-size:14px;color:#bbb}.education-center-thick{width:10vw}.education-line{width:3px;margin-top:-5px;background-color:#20422b;justify-self:center}.education-desc{width:30vw;text-align:left;font-size:14px;margin-top:10px}.educ1{height:100px}.educ2{height:80px}li{color:#bbb;margin-top:10px;list-style-type:disc}@keyframes fade-in-right-educ{70%{opacity:0;margin-left:100px}to{opacity:1;margin-left:0}}@keyframes fade-in-left-educ{70%{opacity:0;margin-left:-100vw}to{opacity:1;margin-left:0}}@keyframes fade-in-e1{80%{opacity:0}95%{opacity:1}}@keyframes fade-in-e2{80%{opacity:0}to{opacity:1}}.resume{height:10vh;width:50vw;text-align:center;justify-self:center;display:grid;user-select:none}.resume-download-btn{margin-top:10px;background-color:#20422b;width:35%;border-radius:2em;justify-self:center;justify-items:center;display:flex;align-items:center;transition:all .4s ease}.resume-download-btn:hover{transform:scale(1.1)}.download-txt{width:200px;justify-self:left;text-align:left}.download-icon{margin:10px 25px;height:25px;width:auto}.scroll-to-top{width:100vw;height:50px;display:flex;user-select:none}.scroll-btn{width:90%;text-align:center;align-content:center;margin-left:auto;margin-right:auto;background-color:#000;border-radius:3em;border:2px solid #282828;display:flex;transition:all .4s ease;justify-content:center}.scroll-btn:hover{transform:scale(1.1)}.scroll-box{width:30%;height:100%;display:flex;justify-content:center}.scroll-txt{height:100%;width:auto;text-align:left;margin-right:auto}.scroll-icon{height:50%;margin-left:auto}}