:root{--brand: #1e293b;--accent1: #22c55e;--accent1b: hsl(142, 71%, 55%);--whitebg: white;--dimmer:#f5f5dc;--darkbg: black;--transparent: rgb(255, 255, 255,0)}@font-face{font-family:inter;src:url(/Fonts/Inter-VariableFont_opsz,wght.ttf)}@font-face{font-family:roboto;src:url(/Fonts/Roboto-VariableFont_wdth,wght.ttf)}@keyframes section-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}@keyframes skill{0%{opacity:0;transform:rotateY(180deg)}to{opacity:1;transform:rotateY(0)}}@keyframes pageTurn{0%{transform-origin:right;transform:rotateY(90deg) scaleX(.5) skew(0,20deg);opacity:0}to{transform:rotateY(0) scale(1) skew(0);opacity:1}}@keyframes glow{50%{color:var(--accent1)}}@keyframes sliding{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}section{animation:section-in 1.5s}body{margin:0;background-color:var(--whitebg);height:100%;font-family:inter}select,input{border-radius:1rem;padding:.2rem;border:1px solid hsl(0,0%,40%);text-align:center}.screen{display:flex;flex-direction:column;height:100vh}.header{display:flex;padding:.5rem;align-items:end;border-bottom:1px solid var(--brand);margin-bottom:1rem}.header .logo{flex-grow:1;font-size:1.5rem;color:var(--brand);font-weight:700;animation:glow 3s;justify-items:center;display:flex;align-items:center;gap:.5rem;cursor:pointer}.header .logo :hover{color:var(--accent1)}.header img{width:3rem;height:3rem}.header .links{display:flex;gap:1rem}.header a{text-decoration:none;color:var(--brand)}.header .icon{fill:var(--brand);display:none}.links .activeLink{font-weight:700;border-bottom:2px solid var(--accent1)}.hamburgerOn{box-sizing:border-box;display:flex;flex-direction:column;background-color:var(--brand);align-items:start;gap:1rem;width:30vw;position:fixed;padding-left:.5rem;right:0%;height:100vh;visibility:collapse;transition:.3s;z-index:2}.hamburgerOn a,.hamburgerOn .icon,.hamburgerOff .icon,.hamburgerOff a{color:var(--whitebg);text-decoration:none;padding:.5rem;border-radius:1rem}.hamburgerOn .activeLink{font-weight:700;background-color:var(--accent1);width:80%}.hamburgerOff{display:flex;flex-direction:column;background-color:var(--brand);align-items:end;padding:1rem;gap:1rem;width:25vw;position:fixed;right:-35%;height:100vh;transition:.3s}.hamspace{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#0000000d;display:none}main{flex-grow:1}.footer{display:flex;flex-direction:row;list-style:none;gap:1rem;align-self:center;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;border:2px solid hsl(0,0%,40%);padding:.5rem;border-radius:1rem;margin-bottom:.2rem}.footer a{color:var(--brand)}.footer .icon{scale:1.1}.footer .icon:hover,.header a:hover,.hamburgerOn a:hover,.hamburgerOn .icon:hover{scale:1.2;color:var(--accent1)}button{color:var(--whitebg);background-color:var(--brand);border:none;padding:.5rem;border-radius:1rem}button:hover{background-color:var(--accent1)}button:active{background-color:var(--accent1b);scale:1.1}.intro{display:flex;flex-direction:row;padding-left:1rem;padding-right:1rem;align-items:flex-start;gap:1rem;justify-content:center}.intro img{width:100%;max-width:300px;border:1px solid hsl(0,0%,40%);border-radius:10%}.intro h1{overflow:hidden;border-right:1px solid;white-space:nowrap;display:block;margin:0;max-width:fit-content;animation:typing 5s steps(15) forwards,blink 1s step-end infinite}.frame img{animation:sliding 1s}.skillCards{display:flex;flex-direction:row;gap:1rem;margin:1rem;justify-content:center}.skillCard{border:2px solid hsl(0,0%,40%);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;width:30vw;max-width:350px;text-align:center;box-sizing:border-box;animation:pageTurn 5s}.skillCard p{flex-grow:1}.skillCard .icon{color:var(--brand)}.skillCard .icon:hover{color:var(--accent1)}.samples{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.projectCards{display:flex;gap:1rem}.projectCard{width:40vw;border:2px solid hsl(0,0%,40%);border-radius:1rem;padding:.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.projectCard video{width:100%;border:2px solid hsl(0,0%,40%);border-radius:1rem}.projectCard ul{flex-grow:1}.projectCard img{width:100%}.CADintro{padding:.5rem}.CADcards{display:flex;flex-direction:column;align-items:start;padding:.5rem}.CADcard{display:grid;grid-auto-flow:column;gap:3rem;border-bottom:1px solid hsl(0,0%,40%);padding-bottom:1rem;align-items:center}.CADcard video,.carousel img{width:50vw;border:1px solid hsl(0,0%,40%);border-radius:1rem}.CADcard .skills{display:flex;flex-direction:column;justify-content:center}.carousel{display:flex;align-items:center}.carousel img{height:35vw;animation:sliding 1s;max-height:95%}.carousel button{padding:.2rem;background-color:var(--whitebg);font-size:large;color:var(--brand)}.carousel button:hover{background-color:var(--accent1)}.lightboxOn{display:flex;position:fixed;z-index:999;top:0;left:0;width:100vw;height:100vh;background:#00000080;justify-content:center;align-items:center}.lightboxOff{display:none}.webdevIntro,.webdevProjects,.webdevApps{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;background-color:#e6e6e6;margin:.5rem;padding:.5rem}.webdevProjects h2,.webdevProjects h3{margin:.5rem}.webdevProject li,.webdevIntro li{text-align:left}.webdevProject{padding-left:0;padding-right:0;justify-items:center}.webdevProject .carousel{background-color:var(--brand);color:var(--whitebg);padding:0;border-radius:1rem;justify-content:center;box-sizing:border-box;width:90vw}.webdevProject .carousel button{padding:none;background-color:var(--transparent);margin:none}.webdevProject .carousel .carouselImageFrame{flex-grow:1;height:60vh;display:flex;flex-direction:column;padding-bottom:.5rem}.webdevProject .carousel img{width:auto;object-fit:contain;border:2px solid var(--transparent);flex-grow:1}.webdevApps .conversionBox{display:flex;flex-direction:column;gap:1rem;border:2px solid hsl(0,0%,40%);border-radius:1rem;padding:1rem;margin-top:1rem;width:fit-content;background-color:var(--brand)}.webdevApps .conversionBox input,.webdevApps .conversionBox select,.webdevApps select{border-radius:1rem;padding:.2rem;border:1px solid hsl(0,0%,40%);text-align:center}.webdevApps .conversionBox strong{color:var(--whitebg)}.webdevApps .affirmationsApp{display:flex;flex-direction:column;gap:1rem;border:2px solid hsl(0,0%,40%);border-radius:1rem;padding:1rem;margin-top:1rem;background-color:var(--whitebg);align-items:center}.webdevApps .affirmationsApp button{width:fit-content;background-color:var(--accent1)}.speakingIntro,.toastmasters,.debatePS{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;margin:.5rem;padding:.5rem}.debatePS .carousel .carouselImageFrame,.toastmasters .carousel .carouselImageFrame{flex-grow:1;height:60vh;display:flex;flex-direction:column;padding-bottom:.5rem}.debatePS .carousel img,.toastmasters .carousel img{width:auto;object-fit:contain;border:2px solid var(--transparent);flex-grow:1}.toastmasters .carousel,.debatePS .carousel{background-color:var(--brand);color:var(--whitebg);padding:0;border-radius:1rem;justify-content:center;box-sizing:border-box;width:95vw}.toastmasters .carousel button,.debatePS .carousel button{padding:none;background-color:var(--transparent);margin:none}.resumeIntro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:.5rem;background-color:var(--whitebg);border-bottom:1px solid var(--accent1)}.resumeIntro h2{color:var(--brand)}.resumeIntro .dp{display:grid;grid-template-columns:1fr 4fr;align-items:center;justify-items:center;gap:.5rem;max-width:700px}.resumeIntro .dp .frame img{max-width:100%;border-radius:50%}.resumeIntro .dp .dp2{display:flex;align-items:center;gap:2rem}.resume{padding:.5rem;background-color:var(--whitebg);&ul{list-style:disc;padding-left:.5rem}}.resume h2,.resume h3,.resume p{margin:.5rem}.resume .CVIntro{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%;border-bottom:1px solid var(--accent1);padding:.5rem}.resume .skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.resume .skills .cvCard{background-color:var(--brand);border-radius:1rem;color:var(--whitebg);padding:.5rem;animation:sliding 2s}.resume .skills .cvCard p{color:var(--accent1)}.resume .skills,.resume .CVexperience,.resume .education{border-bottom:1px solid var(--accent1);padding:.5rem}:is(.resume .skills,.resume .CVexperience,.resume .education) li{list-style:circle}.resume .xpCard{display:grid;gap:1rem;grid-template-columns:1fr 4fr}.resume .xpCard p{font-weight:700;border-right:1px solid var(--accent1);padding-right:.3rem}.resume .xpCard ul{margin-block-start:.5rem}.resume .education{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.resume .educard{background-color:var(--brand);color:var(--whitebg);padding:.5rem;border-radius:.5rem;animation:sliding 2s}.resume .educard p{color:var(--accent1);font-weight:700;font-size:1.1rem}@media (max-width: 550px){.header .links{display:none}.header .icon{display:inline}.hamburgerOn{visibility:visible}.footer .icon{scale:.9}.footer{border:none;border-top:1px solid var(--brand);border-radius:0;padding-bottom:.5rem}.hamspace{display:block}.intro{flex-direction:column;align-items:center}.intro img{width:80vw}.skillCards{flex-direction:column;align-items:center}.skillCard{width:70vw}.projectCards{flex-direction:column;align-items:center}.projectCard{width:70vw}.projectCard video{width:100%}.CADcard{display:flex;flex-direction:column;align-items:start;gap:1rem}.CADcard video{width:80vw}.CADcard .carousel img{width:80vw;height:50vw}.resumeIntro .dp .dp2{flex-direction:column;gap:0}.resume .skills{grid-template-columns:none;grid-template-rows:repeat(auto-fit,minmax(100px,1fr))}}