@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:hideen;overflow-y:scroll}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:none;border-radius:2rem;color:#000;padding:0 1rem}.desktopMenuBtn:hover{background-color:#fff;box-shadow:0 4px 8px #0003;transform:scale(1.1)}.desktopMenuImg{height:1rem;object-fit:cover;width:1rem}.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}.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{animation:typing 0s steps(16) 0s forwards,cursorBlink 0s step-end 0s;animation-fill-mode:forwards;animation:flicker 3s 3s infinite alternate;color:#fff;overflow:hidden;white-space:nowrap;width:0}@keyframes flicker{0%,18%,20%,22%,25%,53%,54%,55%,59%,98%,99%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff,0 0 40px #f700ff,0 0 80px #f700ff,0 0 90px #f700ff,0 0 100px #f700ff,0 0 150px #f700ff}20%,23%,55%{text-shadow:none}}.IntroUniv{animation:typing 0s steps(16) 0s forwards;animation-fill-mode:forwards;animation:univneon 3s 5s infinite alternate;color:red;overflow:hidden;white-space:nowrap;width:0}@keyframes univneon{50%{text-shadow:0 0 2px #fff,0 0 6px red,0 0 20px red}0%,to{text-shadow:0 0 1px #ffffff1a,0 0 3px #ff00001a,0 0 5px #ff00000d}}.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:block;height:auto;margin:0 auto;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:65rem;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}.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:50%;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}@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}}
/*# sourceMappingURL=main.4caa79de.css.map*/