@import url(https://fonts.googleapis.com/css2?family=Neonderthaw&display=swap);*{background:#0000;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;overflow-y:scroll}#contact,.aboutme_title,section{scroll-margin-top:6rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background:linear-gradient(135deg,#040404,#040404);display:flex;height:5rem;justify-content:space-between;margin:0 auto;opacity:0;padding:1rem 2rem;position:sticky;top:0;transition:opacity .5s ease;z-index:3}.navbar.fade-in{opacity:1}.logo{height:3rem;object-fit:cover;width:4rem}.logo:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1)}.desktopMenuListItem{color:#fff;cursor:pointer;margin:1rem}.desktopMenuBtn{align-items:center;background:#fff;border:2px solid #0000;border-radius:2rem;box-shadow:0 0 0 0 #f700ff00;color:#000;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.55rem;min-height:2.6rem;padding:.6rem 1.3rem;transition:background-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.desktopMenuBtn:hover{background:#000;border-color:#f0f;box-shadow:0 6px 20px #f700ff59;color:#fff;transform:translateY(-2px)}.desktopMenuBtn:active{transform:translateY(0) scale(.97)}.desktopMenuBtn:focus-visible{outline:2px solid gold;outline-offset:3px}.desktopMenuImg{height:1.1rem;object-fit:cover;transition:transform .3s cubic-bezier(.2,.8,.2,1);width:1.1rem}.desktopMenuBtn:hover .desktopMenuImg{transform:translate(3px,-3px) rotate(-12deg)}.desktopMenuListItem:hover{border-bottom:8px solid gold;color:gold;padding-bottom:.5rem}.active{border-bottom:8px solid #f0f;color:#f0f;padding-bottom:.5rem}.navMenu{background:violet;border-radius:1rem;display:flex;flex-direction:column;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#000;color:#fff;margin:.25rem;padding:.5rem 3rem}.mobMenu{display:none;height:1.8rem;margin-right:2rem;object-fit:cover;width:1.8rem}@media screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}body,html{background-color:#171717;color:#000;font-family:sans-serif;line-height:1.6;margin:0;padding:0}.App,body,html{min-height:100vh}.App{position:relative;width:100vw}.background-container{height:100vh;left:0;opacity:.25;position:fixed;top:0;width:100vw}.content{position:relative;z-index:1}.lines{left:0;margin:auto;right:0;width:90vw}.line,.lines{height:100%;position:absolute;top:0}.line{background:#ffffff1a;left:50%;overflow:hidden;width:1px}.line:after{animation:drop 7s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97);background:linear-gradient(180deg,#fff0 0,#fff 75%,#fff);content:"";display:block;height:15vh;left:0;position:absolute;top:-50%;width:100%}.line:first-child{margin-left:-25%}.line:first-child:after{animation-delay:2s}.line:nth-child(3){margin-left:25%}.line:nth-child(3):after{animation-delay:2.5s}@keyframes drop{0%{top:-50%}to{top:110%}}#gold-fade{background:radial-gradient(circle,#ffd70080 0,#ffd70000 70%);border-radius:50%;height:200px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .3s ease;width:200px}#intro{align-items:center;display:flex;height:calc(100vh - 4rem);justify-content:space-between;opacity:0;transition:opacity .5s ease-in-out}#intro.fade-in{opacity:1}.bg{position:relative;transition:opacity .4s ease-in-out}.introContent{align-items:flex-start;color:#fff;display:flex;flex:none;flex-direction:column;font-size:2rem;font-weight:700;height:100vh;justify-content:center;margin-left:auto;padding:2rem;width:45vw}@keyframes typing{0%{width:0}to{width:12ch}}@keyframes cursorBlink{0%,to{border-right-color:#0000}50%{border-right-color:#000}}@keyframes cursorDisappear{to{border-right-color:#0000}}.hello{animation:typing 2s steps(16) 1s forwards,cursorBlink .75s step-end 2s;animation-fill-mode:forwards;border-right:2px solid;font-size:1.75rem;font-weight:300;overflow:hidden;white-space:nowrap;width:0}.hello:after{animation:cursorDisappear 0s 2s forwards;border-right:2px solid #0000;content:""}.IntroName,.IntroUniv{display:inline-block;position:relative;white-space:nowrap}.IntroName{color:#fff}.IntroName:after,.IntroUniv:after{content:attr(data-text);inset:0;opacity:0;pointer-events:none;position:absolute;will-change:opacity}.IntroName:after{animation:flicker 3s 3s infinite alternate;color:#fff;text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #f700ff,0 0 80px #f700ff,0 0 100px #f700ff,0 0 150px #f700ff}@keyframes flicker{0%,18%,22%,25%,53%,54%,59%,98%,99%,to{opacity:1}20%,23%,55%{opacity:0}}.IntroUniv{color:red}.IntroUniv:after{animation:univneon 3s 5s infinite alternate;color:red;text-shadow:0 0 2px #fff,0 0 6px red,0 0 20px red}@keyframes univneon{0%,to{opacity:.1}50%{opacity:1}}#intro{--exit:0;position:relative}.introContent{opacity:calc(1 - var(--exit)*1.15);transform:translate3d(0,calc(var(--exit)*-90px),0)}.bg,.introContent{will-change:transform,opacity}.bg{opacity:calc(1 - var(--exit)*.9);transform:translate3d(0,calc(var(--exit)*70px),0) scale(calc(1 - var(--exit)*.08))}.scrollCue{align-items:center;bottom:1.5rem;color:#ffffff8c;display:flex;flex-direction:column;font-size:.7rem;gap:.4rem;left:50%;letter-spacing:.25em;opacity:calc(1 - var(--exit)*4);position:absolute;text-decoration:none;text-transform:uppercase;transform:translateX(-50%);transition:color .2s ease}.scrollCue:hover{color:#fff}.scrollCueMouse{border:2px solid;border-radius:12px;display:flex;height:34px;justify-content:center;padding-top:6px;width:22px}.scrollCueWheel{animation:scrollWheel 1.6s ease-in-out infinite;background:#f0f;border-radius:2px;height:7px;width:3px}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}@media screen and (min-width:1200px){#intro{padding:0 6rem}}@media (prefers-reduced-motion:reduce){.bg,.introContent{transform:none}.scrollCueWheel{animation:none}}@media screen and (max-height:640px),screen and (max-width:720px){.scrollCue{display:none}}.role{overflow:hidden;white-space:nowrap}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{align-items:center;background:silver;border:none;border-radius:2rem;display:flex;margin:1rem 0;padding:.75rem 1.5rem}.btnImg,.gitImg{height:1.5rem;margin:0 .25rem;mix-blend-mode:multiply;object-fit:cover;width:auto}.btn:hover{background-color:#fff;box-shadow:0 4px 8px #0003;transform:scale(1.1)}@media screen and (max-width:1200px){.bg{border-radius:2rem;height:auto;margin-left:auto;margin-right:auto;max-height:60vh;max-width:75%;object-fit:contain;position:relative;top:-2rem;z-index:0}}@media screen and (max-width:400px){#intro{align-items:center;flex-direction:column;height:auto;text-align:center}.introContent{font-size:5vw;padding:1rem;width:90vw}.bg{display:none}.logo-trigger{cursor:pointer;display:block;height:60px;margin:1rem auto;transition:transform .3s ease;width:60px}.logo-trigger:hover{transform:scale(1.1)}.logo-trigger:hover+.bg{display:block;height:auto;margin-top:1rem;max-width:100%}}.waving-hand{animation:wave 2.5s infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.ncsuLogo{height:25px;margin-left:5px;margin-right:10px;vertical-align:middle;width:25px}#experience{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:74rem;overflow:hidden;text-align:center;width:100vw}.experienceTitle{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem;padding-top:1rem}.experienceBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.experienceBar{align-items:flex-start;background:#000;border-radius:.5rem;display:flex;margin:.5rem;opacity:0;padding:1.5rem;transform:translateX(-100px);transition:opacity .5s ease-out,transform .5s ease-out}.experienceBarImg{height:9rem}.CiscoImg,.experienceBarImg{flex-shrink:0;margin-right:2.5rem;object-fit:contain;width:15rem}.CiscoImg{height:5rem}.experienceBar.show{opacity:1;transform:translateX(0)}.experienceBarText{display:flex;flex-direction:column;justify-content:space-between;min-height:150px}.experienceBarText>h2{color:#fff;font-size:1.5rem;font-weight:600}.experienceRole{color:#fff;font-weight:600;margin-bottom:8px}.experienceDescription{color:#fff;flex-grow:1;font-weight:200;margin-bottom:10px}.abstractLink{margin-top:auto}.abstractLink button{background-color:#ae8f00!important}.abstractLink button:hover{background-color:#c9b335!important;color:#fff}@media screen and (max-width:720px){.experienceBarText>p{font-size:3vw}.CiscoImg,.experienceBarImg{height:2.25rem;width:2.25rem}.experienceBarText>h2{font-size:5vw}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactPageTitle{color:silver;font-size:3rem;margin-bottom:1rem}.contactDesc{color:#fff;font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;border:1px solid #000;border-radius:.5rem;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.75rem 1rem;width:100%}.submitBtn{background:grey;border:none;border-radius:.5rem;color:#fff;cursor:pointer;margin:2rem;padding:.75rem 3.5rem}.submitBtn:hover{background:#000}.links{display:flex;flex-wrap:wrap;gap:1rem}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.link-icon{color:#ae8f00}.footer{background:#282828;color:#fff;font-size:small;font-weight:300;line-height:1.6;padding:20px;text-align:center}.github-link,.react-link,.vscode-link{color:#ae8f00}.aboutme_container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 60px);padding:2rem;text-align:center}.aboutme_description,.aboutme_title{opacity:0;transition:opacity .5s ease-in}.bg{border-radius:2rem;height:80vh;margin-left:auto;margin-right:auto;max-width:100%;object-fit:cover;object-position:100% center;position:static;top:-2rem;width:40vw;z-index:0}.fade-in{opacity:1}.aboutme_title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.aboutme_description{font-size:1.2rem;line-height:1.5;margin:.5rem 0;max-width:800px}.highlights{color:#f0f;font-weight:600}.highlights_2{color:#f0f;font-weight:300}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;overflow:hidden;text-align:center;width:100vw}.skillTitle{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem;padding-top:1rem}.skillDesc{color:#fff;font-size:.9rem;font-weight:300;margin-bottom:2rem;max-width:50rem;padding:0 2rem}.skills-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;max-width:80%;width:100%}.skill-box{align-items:center;background-color:#000;border-radius:50px;box-sizing:border-box;color:#fff;display:flex;min-width:250px;opacity:0;padding:1.5rem;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;width:calc(33.33% - 1rem)}.skill-box.show{opacity:1;transform:translateY(0)}.skill-icon{color:#fff;flex-shrink:0;margin-right:1rem}.skill-content{text-align:left}.skill-box h3{color:#ae8f00;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.skill-box p{font-size:.9rem;font-weight:lighter}.skillBars{grid-gap:3rem;background-color:#1a1a1a;border-radius:1rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));justify-items:center;margin-bottom:1rem;max-width:min(64rem,78%);padding:2rem;width:100%}.skillBar{align-items:center;display:flex;flex-direction:column;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.skillBar.show{opacity:1;transform:translateY(0)}.skillBarImg{border:2px solid #333;border-radius:50%;height:5rem;margin-bottom:.5rem;object-fit:cover;width:5rem}.skillBarText>h2{color:#fff;font-size:1rem;font-weight:600;text-align:center}.skill-box,.skillBar{transition:opacity .5s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background-color .35s ease}.skill-box.show:hover{background-color:#0b0b0b;box-shadow:0 10px 28px #ae8f0040,0 0 0 1px #ae8f0073;transform:translateY(-6px) scale(1.03)}.skill-icon{transition:transform .35s cubic-bezier(.2,.8,.2,1),color .35s ease}.skill-box.show:hover .skill-icon{color:#ae8f00;transform:scale(1.1)}.skillBar.show:hover{transform:translateY(-6px) scale(1.08)}.skillBarImg{transition:border-color .35s ease,box-shadow .35s ease}.skillBar.show:hover .skillBarImg{border-color:#ae8f00;box-shadow:0 8px 22px #ae8f0059}@media (hover:hover){.skillBars:has(.skillBar:hover) .skillBar.show:not(:hover),.skills-grid:has(.skill-box:hover) .skill-box.show:not(:hover){opacity:.6}}@media (prefers-reduced-motion:reduce){.skill-box.show:hover,.skillBar.show:hover{transform:none}}@media screen and (max-width:720px){.skill-box{width:100%}.skillBarImg{height:4rem;width:4rem}.skillBarText>h2{font-size:3.5vw}}#Projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.ProjectsTitle{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1rem;padding-top:1rem}.ProjectsBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.ProjectsBar{background:#000;border-radius:.5rem;display:flex;margin:.5rem;opacity:0;padding:1.5rem;transform:translateX(-100px);transition:opacity .5s ease-out,transform .5s ease-out}.ProjectsBarImg{height:10rem;margin-right:2.5rem;object-fit:cover;width:22rem}.ProjectsBar.show{opacity:1;transform:translateX(0)}.ProjectsBarText>h2{font-size:1.5rem}.ProjectsBarText>h2,.ProjectsRole{color:#fff;font-weight:600}.ProjectsDescription{color:#fff;font-weight:200}.abstractInfo{color:#ccc;font-weight:600}.abstractInfo,.abstractLink{margin-top:.5rem}.abstractLink button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.abstractLink button:hover{background-color:#357abd}@media screen and (max-width:720px){.ProjectsBarText>p{font-size:3vw}.ProjectsBarImg{height:2.25rem;width:2.25rem}.ProjectsBarText>h2{font-size:5vw}}.sideRail{display:none;position:fixed;z-index:2}@media screen and (min-width:1200px){.sideRail{display:flex}}.sideRailLeft{align-items:center;bottom:0;flex-direction:column;gap:1.1rem;left:2.25rem}.sideSocial{background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;color:#ffffffa6;display:grid;font-size:1.15rem;height:2.6rem;place-items:center;position:relative;text-decoration:none;transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);width:2.6rem}.sideSocial:focus-visible,.sideSocial:hover{background:#ffd70014;border-color:#ffd70080;color:gold;outline:none;transform:translateY(-3px)}.sideTip{background:#000;border-radius:.4rem;color:#fff;font-size:.75rem;left:calc(100% + .75rem);opacity:0;padding:.2rem .6rem;pointer-events:none;position:absolute;top:50%;transform:translate(-4px,-50%);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.sideSocial:focus-visible .sideTip,.sideSocial:hover .sideTip{opacity:1;transform:translateY(-50%)}.sideLine{background:linear-gradient(180deg,#ffffff59,#fff0);height:7rem;width:1px}.sideRailRight{align-items:stretch;gap:0;right:2.25rem;top:50%;transform:translateY(-50%)}.sideTrack{background:#ffffff1a;border-radius:2px;bottom:0;overflow:hidden;position:absolute;right:5px;top:0;width:2px}.sideTrackFill{background:linear-gradient(180deg,#f0f,gold);height:100%;transform:scaleY(0);transform-origin:top;width:100%;will-change:transform}.sideDots{display:flex;flex-direction:column;gap:1.6rem;list-style:none;margin:0;padding:0}.sideDot{background:#171717;border:2px solid #ffffff59;border-radius:50%;cursor:pointer;display:block;height:12px;padding:0;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background-color .3s ease,box-shadow .3s ease;width:12px}.sideDot.isPast{border-color:#ffd700b3}.sideDot.isActive{background:#f0f;border-color:#f0f;box-shadow:0 0 12px #f700ffb3;transform:scale(1.25)}.sideDot:focus-visible,.sideDot:hover{border-color:gold;outline:none;transform:scale(1.35)}.sideDotLabel{color:#fff;font-size:.75rem;font-weight:500;opacity:0;pointer-events:none;position:absolute;right:calc(100% + .9rem);top:50%;transform:translate(6px,-50%);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.sideDot.isActive .sideDotLabel{color:#f0f}.sideDot:focus-visible .sideDotLabel,.sideDot:hover .sideDotLabel{opacity:1;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.sideDot,.sideDotLabel,.sideSocial,.sideTip{transition:none}}
/*# sourceMappingURL=main.0d081d25.css.map*/