:root{--primary-color: #323643;--secondary-color: #606470;--third-color: #93deff;--fourth-color: #f7f7f7;--primary-dark: color-mix(in srgb, var(--primary-color), black 20%);--secondary-color-light: color-mix(in srgb, var(--secondary-color), white 20%);--background-color: var(--primary-color);--element-background-color: var(--primary-dark);--element-base-color: var(--secondary-color);--detail-color: var(--third-color);--text-base-color: var(--fourth-color);--bright-highlight: rgba(255, 255, 255, .3);--soft-highlight: rgba(255, 255, 255, .1);--hard-shadow: rgba(0, 0, 0, .3);--soft-shadow: rgba(0, 0, 0, .1);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-base-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--detail-color);text-decoration:inherit}a:hover{color:color-mix(in srgb,var(--detail-color),black 30%)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.project-container{background-color:var(--element-base-color);border-radius:16px;box-shadow:0 0 15px var(--bright-highlight);margin-bottom:2rem;--animation-time: 1.7s;background:linear-gradient(var(--element-base-color) 50%,color-mix(in srgb,var(--element-base-color) 70%,var(--detail-color)) 100%)}.project-content{display:flex;gap:2rem;padding:2rem;transition:all var(--animation-time) ease-in-out}.project-content__text{flex:2;transition:flex var(--animation-time) ease-in-out}.project-content__text p{font-size:1.1rem;line-height:1.8rem}.project-content__text h2{font-size:2rem;margin-bottom:.75rem;margin-top:0;color:var(--detail-color)}.project-container--expanded .project-content__text{flex:1}.project-content__showcase{flex:1;display:flex;align-items:center;justify-content:center;transition:flex var(--animation-time) ease-in-out}.project-container--expanded .project-content__showcase{flex:2}.expanded-content{max-height:0;overflow:hidden;opacity:0;transition:all var(--animation-time) ease-in-out}.project-container--expanded .expanded-content{max-height:500px;opacity:1;margin-top:1rem}.project-content__image{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:8px;opacity:1;max-width:100%;transition:opacity var(--animation-time) ease-in-out}.project-container--expanded .project-content__image{opacity:0;max-width:0%}.project-container--expanded a:has(.project-content__image){max-width:0%}.video-container{width:100%;max-width:0%;opacity:0;transition:opacity var(--animation-time) ease-in-out}.project-container--expanded .video-container{opacity:1;max-width:100%}.project-content__video{width:100%;height:auto;max-height:400px;border-radius:8px}.video-container__embed-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video-container__embed-container iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.arrow-container{width:100%;height:20px;display:flex;justify-content:center;align-items:flex-end;z-index:10;padding:5px 0}.arrow-button{background:none;cursor:pointer;padding:0;width:30px;height:100%;position:relative}.arrow-button img{width:100%;height:auto;object-fit:fill;position:absolute;bottom:0;left:0;border-radius:8px;transition:transform var(--animation-time) ease-in-out}.arrow-button img.rotated{transform:scale(-1)}.arrow-button img:hover{box-shadow:0 0 5px var(--soft-highlight);background-color:var(--soft-highlight)}.project-content--reversed{flex-direction:row-reverse}@media (max-width: 768px){.project-content,.project-content--reversed{flex-direction:column}.project-content__media{max-width:400px;width:100%;height:auto}}.projects__project-title{text-align:center}.icon-container{margin:0;padding:0}.icon-container__square-image{max-width:75px;height:auto;display:block;margin:0 auto}.icon-container__wordmark-image{min-height:80px;width:auto;max-width:200px;display:block;margin:0 auto}.experience-section h3{text-align:center;color:var(--detail-color)}.showcase-container{border-radius:18px;box-shadow:0 0 25px var(--bright-highlight);padding:20px;background:var(--element-base-color);margin:0 auto;background:radial-gradient(ellipse 100% 120% at top,gold -10%,var(--element-base-color) 65%)}.tech-showcase{display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:30px;margin:45px auto}#first.tech-showcase{margin-top:0}#last.tech-showcase{margin-bottom:0}.intro{--name-glow: rgba(255, 255, 255, .6);--skills-list-background-color: var(--detail-color);margin-bottom:30px;padding:0}.intro .my-name{font-size:2.5rem;padding:3px;font-family:Trebuchet MS,sans-serif}.intro__text{margin:0 auto}.intro strong{text-shadow:0px 0px 25px var(--name-glow);color:var(--detail-color)}.intro p{font-size:large;padding:0 1rem}.intro p#first{text-align:center}.intro__text ul{list-style-position:inside;padding:.5rem 1rem;background:radial-gradient(circle at left 250%,var(--skills-list-background-color) 0%,transparent 55%);border-radius:8px;font-size:1.2em}@media (max-width: 768px){.intro__text ul{background:radial-gradient(circle at left 170%,var(--skills-list-background-color) 0%,transparent 70%)}.intro .my-name{font-size:2rem}}.connect-section{background-color:var(--element-background-color);display:flex;justify-content:center;align-items:stretch;padding:30px;flex-wrap:wrap;gap:30px 100px}.connect-section>*{height:100%;text-align:center;font-size:large}.connect-section h2{margin:0 0 10px}.connect-info_text{max-width:300px}.connect-other p{padding:0;margin:0}.connect-socials__links{display:flex;justify-content:center;align-items:center;gap:30px}.connect-socials__links .icon-container__square-image{width:65px}.navbar{background-color:transparent;position:fixed;width:90%;max-width:1080px;left:50%;transform:translate(-50%);top:10px;z-index:1000;margin:0}.navbar__list{background-color:var(--element-background-color);border-radius:16px;display:flex;list-style:none;padding:5px;margin:0;justify-content:center;align-items:center;flex-wrap:wrap}.navbar__item{border-radius:24px;margin:10px;padding:5px 15px;background-color:var(--element-base-color);display:flex;justify-content:center;align-items:center;box-shadow:4px 8px 5px var(--soft-shadow)}.navbar__link{font-size:1.5rem;color:var(--text-base-color)}.navbar__item a:hover{color:color-mix(in srgb,currentColor,var(--detail-color) 60%)}@keyframes highlight-pulse{0%{outline:var(--highlight-outline-width) solid transparent;outline-offset:5px}50%{outline:calc(var(--highlight-outline-width) * 2.5) solid var(--detail-color);outline-offset:10px}to{outline:var(--highlight-outline-width) solid transparent;outline-offset:5px}}.highlight-pulse-active{--highlight-outline-width: 4px;animation:highlight-pulse 1.3s ease-out;border-radius:8px}@media (max-width: 768px){.navbar__link{font-size:1.2rem}}.portfolio{margin:0 auto;padding:100px 2rem 2rem 25px;max-width:1200px}.portfolio h1{text-align:center;margin:40px auto;text-decoration:underline}@media (max-width: 768px){.portfolio{--navbar-top-offset: 40px;margin-top:var(--navbar-top-offset)}}