:root{--bg-color: rgb(0, 12, 12);--bg-color-val: 0, 12, 12;--bg-color-lite: #051414;--fg-color: rgb(28, 235, 207);--fg-color-val: 28, 235, 207;--fg-color-secondary: #fff;--section-side-margin: 10vw;--notice-color: #ffdd44ff;font-family:Poppins,sans-serif;line-height:1.5;background-color:var(--bg-color);padding:0;scroll-behavior:smooth}html,body{margin:0}@media (max-width: 768px){:root{--section-side-margin: 0}}.header-container{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;height:100vh;margin:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 75%,var(--bg-color) 100%),url(/header/header-banner.png) no-repeat center center;background-size:cover}.mobile-disclaimer{display:none}.header-title{position:relative;bottom:85px;text-align:center;margin:auto 0 0;padding:30px;color:var(--fg-color-secondary);font-size:clamp(3rem,7vw,10rem);font-family:Poppins,sans-serif;z-index:9}.header-title-2{position:relative;bottom:85px;margin:0 0 auto;padding:0;height:7vh;line-height:7vh;font-size:clamp(1.5rem,3vw,5rem);color:var(--fg-color);border-right:1rem solid var(--fg-color);animation:blink 1s step-end infinite}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--fg-color)}}.nav-bar{position:sticky;top:0;padding:20px 30px;width:100%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 80%);z-index:10}.burger-menu{position:relative;top:9px;font-size:52px;font-weight:700;color:var(--fg-color);text-shadow:0 0 10px #000;cursor:pointer}.nav-links{display:flex;flex-direction:row;gap:40px;align-items:center;margin-left:30px;margin-right:auto}.nav-icon{height:60px}.nav-link{font-size:1.7em;font-weight:700;color:var(--fg-color);text-shadow:0 0 10px #000;text-decoration:none}.nav-link:hover{color:var(--fg-color-secondary)}.contact{display:flex;flex-direction:row;gap:30px}.contact-icon{color:var(--fg-color);vertical-align:bottom;text-decoration:none;text-shadow:0 0 10px black;font-size:52px}.contact-icon:hover{color:var(--fg-color-secondary)}.cursor-glow{position:fixed;pointer-events:none;width:0px;height:0px;border-radius:50%;box-shadow:0 0 120px 120px #32ffff1a;transform:translate(-50%,-50%);transition:opacity .6s ease}@media (max-width: 768px){.mobile-disclaimer{display:flex;flex-wrap:wrap;position:absolute;top:200px;color:var(--notice-color);background:#0009;width:100%;justify-content:center}.nav-bar{box-sizing:border-box;padding:20px}.nav-links{display:none;flex-direction:column;position:absolute;top:0;left:0;width:100%;background:#000000e6;text-align:center;gap:20px;padding:45px 0 20px;margin-left:0;margin-right:0;z-index:40}.burger-menu{display:block;z-index:50}.nav-links.menu-open{display:flex}.nav-icon{display:none}.contact{gap:20px}.contact-icon{font-size:42px}}@media (min-width: 769px){.burger-menu{display:none}.nav-links{display:flex!important;flex-direction:row;position:static;width:auto;background:none;gap:40px}}.about-content{display:flex;flex-direction:row;width:80%;margin:25px auto}.about-left{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;width:50%}.about-img{height:20em;border-radius:50%;border:1px solid var(--fg-color);box-shadow:0 0 16px var(--fg-color)}.about-contact{display:flex;flex-direction:column;gap:30px;justify-content:center;height:100%}.about-icon{font-size:72px;color:var(--fg-color);vertical-align:bottom;text-decoration:none;transition:all .2s ease-in-out,opacity .3s ease .5s;opacity:0}.about-icon:hover{color:var(--fg-color-secondary);transform:scale(1.1)}.about-right{display:flex;flex-direction:column;justify-content:center;width:50%;color:var(--fg-color-secondary)}.about-right p{margin-right:100px}.pop-on-scroll{opacity:1;animation:popIn .7s cubic-bezier(.26,.53,.74,1.48)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (max-width: 768px){.about-content{flex-direction:column}.about-left{width:100%;flex-direction:column-reverse;justify-content:center}.about-right{width:100%;justify-content:center}.about-contact{flex-direction:row}.about-right p{margin:50px 0 0}}.timeline{display:grid;grid-template-columns:1fr 2px 1fr;position:relative;width:100%;margin:25px 0}.timeline-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background-color:var(--fg-color)}.timeline-line:after{content:"";position:absolute;right:-5px;top:6px;transform:translateY(-50%) rotate(-45deg);width:10px;height:10px;border-right:4px solid var(--fg-color);border-top:4px solid var(--fg-color);border-radius:0 2px}.timeline-dot{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background-color:var(--fg-color)}.timeline-item{--timeline-item-width: 24vw;--timeline-item-distance: 100px;position:relative;padding:1rem;margin:2rem 0;width:var(--timeline-item-width);border-radius:8px;color:var(--fg-color-secondary);line-height:1.8rem}.timeline-item.left{grid-column:1;grid-row:1;text-align:right;border-right:2px solid var(--fg-color);margin-right:var(--timeline-item-distance);margin-left:auto;background:linear-gradient(to left,rgba(var(--fg-color-val),.3),var(--bg-color));background-repeat:no-repeat}.timeline-item.right{grid-column:3;grid-row:2;text-align:left;border-left:2px solid var(--fg-color);margin-right:auto;margin-left:var(--timeline-item-distance);background:linear-gradient(to right,rgba(var(--fg-color-val),.3),var(--bg-color));background-repeat:no-repeat}.notice-text{color:var(--notice-color)}.timeline-item .date{position:absolute;text-align:center;font-size:1.2rem;width:var(--timeline-item-distance);border-bottom:2px solid var(--fg-color)}.timeline-item.left .date{right:calc(-2px - var(--timeline-item-distance));top:55%}.timeline-item.right .date{left:calc(-2px - var(--timeline-item-distance));top:20%}.degree-type{font-size:1.45rem;color:var(--fg-color);margin-bottom:10px}.major{font-size:1.55rem;margin-bottom:10px}.honors{margin:0;padding-left:0}.honors li{margin-left:1em}@media (max-width: 768px){.timeline{display:flex;flex-direction:column;gap:70px;width:80%;justify-content:center;margin:25px auto}.timeline-line{display:none}.timeline-line:after{display:none}.timeline-dot{display:none}.timeline-item{--timeline-item-width: 100%;box-sizing:border-box}.timeline-item.left{text-align:left;border-right:none;margin:0;border-left:2px solid var(--fg-color);background:linear-gradient(to right,rgba(var(--fg-color-val),.3),var(--bg-color));background-repeat:no-repeat}.timeline-item.right{margin:0}.timeline-item .date{width:100%;text-align:left;border-bottom:none}.timeline-item.left .date{top:-30px;left:25px;right:0}.timeline-item.right .date{top:-30px;left:25px}.degree-type{font-size:1.25rem}.major{font-size:1.35rem}}.roles-container{display:flex;flex-direction:column;align-items:center;gap:80px;margin:25px 100px}.role-wrapper{position:relative;width:60%;line-height:2rem;color:var(--fg-color-secondary);background-color:var(--bg-color)}.role-dates{position:absolute;top:65px;left:-12rem;width:10rem;text-align:right;line-height:1.2rem;font-size:1.2rem;white-space:nowrap}.role-card{position:relative;width:100%;box-sizing:border-box;padding:2rem;border-radius:8px;background:linear-gradient(to right,var(--bg-color) 0,var(--bg-color-lite) 40%,var(--bg-color-lite) 50%,var(--bg-color) 100%);background-repeat:no-repeat}.role-card-border-wrap{position:relative;border-radius:8px;background:linear-gradient(to right,rgba(var(--fg-color-val),1),transparent);padding:3px}.role-card-border-wrap:hover{background:linear-gradient(90deg,var(--fg-color),var(--bg-color),var(--fg-color),var(--bg-color),var(--fg-color),var(--bg-color),var(--fg-color),var(--bg-color));background-size:800% 800%;animation:gradientShift 24s ease infinite}.role-header{display:flex;flex-direction:row;gap:20px;margin-bottom:10px}.role-header .company-image{width:80px;height:80px;aspect-ratio:1 / 1;border-radius:50%}.role-header .role-header-titles{display:flex;flex-direction:column;justify-content:center}.role-title{font-size:1.55rem;color:var(--fg-color-secondary)}.role-title .text-highlight{font-size:1.75rem;color:var(--fg-color)}.role-location{font-size:1.1rem}.bullets{margin:0;padding-left:0;font-size:.9rem}.bullets li{margin-left:1em}.role-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;line-height:1em}.role-tag{padding:10px;white-space:nowrap;background-color:var(--bg-color);border-radius:30px;box-shadow:0 0 8px 1px var(--fg-color)}.role-tag:hover{box-shadow:0 0 8px 2px var(--fg-color)}.role-tag{box-shadow:none;border:1px solid rgba(var(--fg-color-val),1)}.role-tag:hover{border:1px solid rgba(var(--fg-color-val),1);opacity:1;box-shadow:0 0 6px var(--fg-color)}@media (max-width: 768px){.roles-container{width:90%;margin:25px auto}.role-wrapper{display:flex;flex-direction:column;width:100%}.role-dates{top:-30px;left:25px;text-align:left;border-bottom:none}.role-card{padding:1rem}.role-header{display:flex;flex-direction:row;gap:20px;margin-bottom:10px}.role-header .company-image{display:none}.role-header .role-header-titles{display:flex;flex-direction:column;justify-content:center}.role-title{font-size:1.55rem;color:var(--fg-color-secondary)}.role-title .text-highlight{font-size:1.75rem;color:var(--fg-color)}.bullets{font-size:.8rem;line-height:1.2rem}.role-tags{gap:12px}.role-tag{gap:4px;font-size:.8em;padding:4px 10px;border-radius:8px;box-shadow:none}}.skill-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:60px;margin:25px 0 40px;justify-content:center}.s-tab{cursor:pointer;font-size:1.4em;color:rgba(var(--fg-color-val),.5);text-align:center}.s-tab.active{color:var(--fg-color)}.skill-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;margin:0 0 25px;justify-content:center}.skill{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;padding:10px 15px;color:var(--fg-color-secondary);background-color:#000;border-radius:30px;border:1px solid rgba(var(--fg-color-val),0);box-shadow:0 0 8px rgba(var(--fg-color-val),.8);opacity:.5}.skill.active{box-shadow:0 0 10px 1px var(--fg-color);opacity:1}.skill.active.cursor-near{box-shadow:0 0 10px 3px var(--fg-color);border:1px solid var(--fg-color)}.skill-name{font-size:1.2em;margin:0}.skill-icon{position:relative;top:4px;font-size:1.6em}.skill-icon img{height:1em;width:1em}@media (max-width: 768px){.skill-tabs{width:90%;margin:25px auto 40px;gap:20px}.s-tab{font-size:1em}.skill-list{width:90%;margin:0 auto 25px;gap:12px}.skill{display:none;gap:4px;padding:4px 10px;border-radius:8px;box-shadow:none}.skill.active{display:flex;border:1px solid var(--fg-color);box-shadow:none;opacity:1}.skill.active.cursor-near{box-shadow:none}.skill-name{font-size:.8em;margin:0}.skill-icon{position:relative;top:2px;font-size:1.2em}.skill-icon img{height:.8em;width:.8em}}.projects-container{--card-size: 350px;--card-border: 2px solid rgba(var(--fg-color-val), .5);--card-title-border: 1px solid var(--fg-color);display:flex;justify-content:center;align-items:flex-start}.projects-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,350px));gap:2rem;justify-items:start;justify-content:center;width:100%}.card-container{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;border-radius:8px;background:var(--fg-color);padding:1px;cursor:pointer}.card-container:hover{background:linear-gradient(90deg,var(--fg-color) 0%,var(--bg-color) 15%,var(--fg-color) 30%,var(--bg-color) 45%,var(--fg-color) 60%,var(--bg-color) 75%,var(--fg-color) 90%,var(--fg-color) 100%);background-size:800% 100%;animation:gradientShift 16s ease infinite}.card-content{position:relative;max-width:100%;aspect-ratio:1 / 1;border-radius:8px 8px 0 0}.card-type{position:absolute;top:0;left:0;width:auto;max-width:none;white-space:nowrap;padding:10px;color:var(--fg-color);background-color:rgba(var(--bg-color-val),.9);border-right:var(--card-title-border);border-bottom:var(--card-title-border);border-radius:6px 0 8px}.card-image{width:100%;height:100%;object-fit:cover;border-radius:6px 6px 0 0}.card-title{width:100%;padding:10px 0;margin:0;text-align:center;white-space:nowrap;font-size:clamp(.8em,1vw + .5em,1.3em);color:var(--fg-color-secondary);background-color:rgba(var(--bg-color-val),.75);border-top:var(--card-title-border);border-radius:0 0 8px 8px}.modal-wrapper{grid-column:1 / -1;width:100%;animation:expandDown .4s ease}@media (max-width: 768px){.projects-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;justify-content:center;width:90%}.card-title{font-size:clamp(.8em,1vw + .6em,1.2em);padding:8px 2px;box-sizing:border-box}}.modal-container{display:flex;flex-direction:column;align-items:left;gap:40px;box-sizing:border-box;width:100%;padding:3rem;color:var(--fg-color-secondary);background:linear-gradient(to right,var(--bg-color) 0,var(--bg-color-lite) 40%,var(--bg-color-lite) 50%,var(--bg-color) 100%);background-repeat:no-repeat;border:2px solid var(--fg-color);border-radius:8px}.modal-header{display:flex;flex-direction:row;width:100%}.modal-titles{display:flex;flex-direction:column;gap:30px;line-height:1.6em}.modal-title{color:var(--fg-color);font-size:2em}.modal-subtitle{font-size:1.5em}.modal-links{display:flex;flex-direction:row;justify-content:right;align-items:center;margin-left:auto}.modal-button{font-size:72px;color:var(--fg-color);vertical-align:bottom;text-decoration:none;transition:all .2s ease-in-out}.modal-button:hover{color:var(--fg-color-secondary);transform:scale(1.1)}.mobile-btn{display:none}.modal-content{display:flex;flex-direction:row;gap:30px;width:100%}.modal-content-left{display:flex;flex-direction:column;justify-content:center;gap:24px;width:50%;line-height:2em}.modal-content-right{width:50%;display:flex;justify-content:center}.modal-images{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.modal-image{width:100%;border-radius:8px;border:2px solid var(--fg-color)}.modal-images-mobile{display:none}.modal-tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.2rem;line-height:1em}.modal-tag{padding:10px;white-space:nowrap;background-color:var(--bg-color);border-radius:30px;box-shadow:0 0 6px 1px var(--fg-color)}.modal-tag:hover{box-shadow:0 0 6px 2px var(--fg-color)}.modal-tag{padding:12px;box-shadow:none;border:1px solid var(--fg-color)}.modal-tag:hover{border:1px solid var(--fg-color);opacity:1;box-shadow:0 0 6px var(--fg-color)}.modal-footer-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}@media (max-width: 768px){.modal-container{padding:1.5rem;gap:20px}.modal-titles{gap:15px}.modal-title{font-size:1.5em}.modal-subtitle{font-size:1.2em}.modal-button{display:none}.mobile-btn{display:flex;font-size:4em;width:40%}.modal-content-left{width:100%}.modal-images-mobile{display:flex}.modal-content-right{display:none}.modal-summary{line-height:1.5em}.modal-tags{gap:12px}.modal-tag{gap:4px;font-size:.8em;padding:4px 10px;border-radius:8px;box-shadow:none}}.cards-container{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;height:auto;width:100%;margin:50px 0;background-color:var(--bg-color);box-sizing:border-box;overflow:hidden}.bg-images-container{height:auto;position:relative;display:flex;gap:4vw;padding:50px 4vw;justify-content:center;width:100%;box-sizing:border-box;z-index:1;background:linear-gradient(to bottom,var(--bg-color) 0%,rgba(var(--fg-color-val),.04) 10%,rgba(var(--fg-color-val),.04) 90%,var(--bg-color) 100%)}.bg-images-container.glitching{animation:container-glitch 1s steps(1)}.bg-images-container .bg-img{object-fit:contain;width:20vw;filter:opacity(.75);border-radius:10px}.bg-images-container .joker{cursor:pointer}@keyframes container-glitch{0%{transform:none;filter:none}10%{transform:translate(-2px,2px) skew(2deg) translate(-2%);filter:hue-rotate(90deg) contrast(200%)}12%{transform:translate(3px,-1px) skew(-2deg) translate(2%);filter:hue-rotate(180deg) brightness(1.5)}14%{transform:translate(-1px,1px);filter:none}60%{transform:translate(2px,-2px) translate(-1%);filter:hue-rotate(45deg) saturate(150%)}62%{transform:translate(-3px,1px) translate(1%);filter:hue-rotate(200deg) contrast(180%)}64%{transform:none;filter:none}to{transform:none;filter:none}}@media (max-width: 768px){.cards-container{height:auto;width:100%;box-sizing:border-box;margin:10px 0 0}.bg-images-container{height:auto;position:relative;background:linear-gradient(to bottom,var(--bg-color) 0%,rgba(var(--fg-color-val),.04) 10%)}}#root{background-color:var(--bg-color)}.content{display:flex;flex-direction:column;margin:30px 0;background-color:var(--bg-color)}.section-heading{text-align:center;color:var(--fg-color);font-size:2em;margin:1em}.section-container{display:flex;flex-direction:column;margin:50px 0}#education,#skills,#projects{display:flex;flex-direction:column;margin-left:var(--section-side-margin);margin-right:var(--section-side-margin)}.project-tabs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:60px;margin:25px auto 40px}.p-tab{cursor:pointer;font-size:1.4em;color:rgba(var(--fg-color-val),.5);text-align:center}.p-tab.active{color:var(--fg-color)}@keyframes gradientShift{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes popIn{0%{opacity:0;transform:scale(0) translateY(-10px)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:none}}@keyframes expandDown{0%{opacity:0;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}@media (max-width: 768px){.content{margin:30px 0 0}.section-container{margin:20px 0}.project-tabs{gap:20px}}