:root{--beige: #f8edd2;--blue: #4b8e8d;--blue-red: #9E7272;--red: #f05656;--black: #464646}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-size:large;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;background-color:var(--black)}#root{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.app-container{min-height:100vh;width:100%}.app-container{display:flex;flex-direction:column}@media(min-width:1024px){.snap-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.snap-section{height:100vh;width:100vw;scroll-snap-align:start}}.hero-container{height:100vh;width:100%;position:relative;display:flex;justify-content:center;align-items:flex-end;background-image:linear-gradient(to right,var(--blue),var(--red),var(--blue));animation:background-pan 10s linear infinite;background-size:200%;overflow:hidden;margin:0}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}.hero-image{max-width:100%;height:auto;width:50vw;display:block;position:absolute;bottom:0;left:10%;z-index:3}.hero-textbox{display:block;position:absolute;bottom:15%;left:55%;z-index:4;opacity:0}#tiles{height:100vh;width:100vw;position:relative;z-index:2;padding:1px;gap:1px;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr)}.tile{position:relative;background-color:#0f0f0f;width:100%;height:100%}@media(max-width:1024px){.hero-image{width:auto;transform:translate(-50%);max-width:none;height:700px}}.page-container{height:100vh;background-color:var(--black);color:var(--black);width:90vw;display:flex;justify-content:center}.site-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.content-container{margin:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;grid-auto-flow:dense;justify-items:stretch;align-items:stretch}.div-spacing-default{margin-top:0;width:100%;height:100%;display:flex;flex-direction:column}#div-skills{grid-column-start:1;grid-column-end:5;grid-row-start:1;grid-row-end:2}#div-client-feedback{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}#div-work-experience{grid-column-start:2;grid-column-end:5;grid-row-start:2;grid-row-end:5}#div-company-feedback{grid-column-start:1;grid-column-end:2;grid-row-start:3;grid-row-end:5}.skill-bar-grid{margin-left:40px;margin-right:40px;margin-bottom:40px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:20px;column-gap:120px;grid-auto-flow:dense;justify-items:stretch;align-items:stretch}.feedback{height:calc((100vh / 11));overflow-y:auto;padding-bottom:20px;-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%);scrollbar-width:none;scroll-snap-type:y proximity}.feedback p{line-height:1.5;margin:0;scroll-snap-align:start}@media(min-width:1024px){.feedback{overscroll-behavior:contain}}@media(max-width:1024px){.page-container{width:90vw!important;display:block;height:auto;margin-bottom:5rem}.content-container{width:100%;margin:20px 0;display:grid;grid-template-columns:minmax(0,1fr)}.div-spacing-default{width:100%;min-width:0}.site-container{height:auto;min-height:100vh}#div-skills,#div-client-feedback,#div-work-experience,#div-company-feedback{grid-column:auto!important;grid-row:auto!important;min-width:0}.skill-bar-grid{justify-content:center;align-content:center;width:100%;margin:0 0 40px;grid-template-columns:1fr;column-gap:0}.feedback{height:auto;max-height:300px}}@media(max-height:1024px)and (min-width:1024px){.page-container{width:90vw!important;margin:0 auto;overflow:hidden}.content-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:2rem;width:100%;padding:1rem;overflow:scroll}.div-spacing-default{scroll-snap-align:center;width:80vw;min-width:80vw}#div-skills,#div-work-experience{grid-row:span 2;grid-column:span 1}#div-client-feedback{grid-column:2;grid-row:1}#div-company-feedback{grid-column:2;grid-row:2}}.blueprint-container{position:relative;padding:.5rem;width:100%;height:100%;color:var(--black);background-clip:content-box;display:flex;flex-direction:column}.corner{position:absolute;font-family:monospace;font-weight:700;padding-bottom:.25rem;opacity:0;font-size:1.5rem;color:var(--red);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--black)}.top-left{top:-10px;left:-10px;color:var(--blue)}.top-right{top:-10px;right:-10px;color:var(--blue-red)}.bottom-left{bottom:-10px;left:-10px;color:var(--blue-red)}.bottom-right{bottom:-10px;right:-10px}.blueprint-title{text-transform:uppercase;font-weight:800;letter-spacing:2px;border-bottom:1px solid var(--black);margin-bottom:1rem;padding:1rem 1rem 1.5rem}.blueprint-content-shadow{height:100%;width:100%;background-color:#464646;opacity:1}.blueprint-content{background-color:var(--beige);margin:2px;height:calc(100% - 4px);width:calc(100% - 4px);opacity:0}.blueprint-child{padding:1rem;flex-grow:1}.blueprint-border-svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:none;pointer-events:none;overflow:visible!important}.blueprint-path{opacity:0;stroke-width:4px;vector-effect:non-scaling-stroke;stroke-dashoffset:0}@media(max-width:1024px){.corner{padding-bottom:0}}.marquee-container{overflow:hidden;white-space:nowrap;width:100%;display:flex;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content{display:flex;gap:2rem;animation:scroll 20s linear infinite}.marquee-content:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content span{color:var(--red);font-size:medium;font-weight:700;text-transform:uppercase}.container-style{display:flex;flex-direction:column;align-items:flex;gap:12px;width:100%}.label-style{min-width:60px;font-size:14px;font-weight:700;text-transform:uppercase}.bar-frame-style{flex-grow:1;height:10px;border:1px solid var(--blue);background-color:#00456633;position:relative;overflow:hidden}.fill-style{height:100%;background-color:var(--blue);box-shadow:0 0 8px #00d4ff80;transition:width 1.5s cubic-bezier(.22,1,.36,1)}.skill-bar-fill{height:100%;width:var(--fill);background-color:var(--blue);background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.1) 5px,rgba(255,255,255,.1) 10px);transition:width 1.5s ease-in-out;background-image:radial-gradient(circle,var(--blue) 2px,transparent 2.5px);background-size:8px 100%}.wheel-viewport{width:100%;overflow-x:scroll;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.wheel-viewport:active{cursor:grabbing;scroll-snap-type:none}.wheel-track{display:flex;width:max-content}.year-item{flex-shrink:0;display:flex;justify-content:center;align-items:center;scroll-snap-align:center;background-image:repeating-linear-gradient(90deg,var(--black) 0px,var(--beige) 1px,transparent 1px,transparent 10px)}.year-item{font-size:1.5rem}.year-text{background-color:var(--black);font-weight:700;color:var(--beige);padding-left:3px;padding-right:5px}.content-card{max-width:100vw;display:block;min-height:320px;max-height:100%;position:relative}.content-description{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:90%}.content-year-range{margin-top:20px}.content-title{margin-top:10px;margin-bottom:5px}.content-tech-box{position:absolute;left:0;padding-left:2px;bottom:0}.content-tech-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;max-width:100vw}.content-tech{background-color:var(--blue);color:var(--beige);margin-right:10px;padding:3px 8px}.slide-wrapper{position:relative;flex-shrink:0;display:flex;flex-direction:column;min-height:320px}@media(max-width:1024px){.content-card{font-size:clamp(9px,1vw + 7px,18px)!important}}.projects-page{display:flex;height:100%;width:100%;align-items:center;flex-direction:column}.projects-container{display:flex;flex-direction:column;gap:2rem;max-width:90vw}.projects-section-title{background-image:linear-gradient(135deg,var(--blue),var(--red));width:100%;height:6rem;text-align:start;padding-left:10vw;margin-bottom:6rem;display:flex;align-items:center}@media(max-width:1024px){.projects-section-title{margin-bottom:2rem}}@media(max-height:1024px)and (min-width:1024px){.projects-container{min-height:60%;flex-direction:row;gap:2rem;max-width:90vw}}