:root{--background-color: #f4f3ee;--primary-font-color: #463f3a;--primary-accent-color: #c4a9a1;--primary-accent-highlight: #99786e;--shadow-accent-color: #dccac4;--highlight-color: rgba(196, 169, 161, .2)}@font-face{font-family:Figtree;src:url(/portfolio/fonts/Figtree/Figtree-VariableFont_wght.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter Tight;src:url(/portfolio/fonts/Inter_Tight/InterTight-VariableFont_wght.ttf) format("truetype");font-display:swap}body{font:110%/1.5 Figtree,sans-serif;margin:0;background-color:var(--background-color);color:var(--primary-font-color);overflow-x:hidden}#tsparticles{position:fixed;top:0;left:0;z-index:-999}#background-blur{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-998;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}section{display:inline-flex;padding:0 15vw;width:70vw}#front-page{padding-top:15vh;min-height:60vh}#header{display:grid;justify-content:center;align-content:center;align-self:center;grid-template-rows:1fr;grid-template-columns:1fr 1fr;width:100%}#name-container{display:flex;flex-direction:column;text-align:left;width:100%;justify-content:center;align-self:center}#fullname{margin:0;font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em}.title{display:flex;flex-direction:row;margin:1em 0;text-wrap:balance;font-size:.8rem;font-weight:300}img{box-shadow:0 0 5px 2px var(--shadow-accent-color)}#avatar{width:75%;max-width:20rem;aspect-ratio:1 / 1;align-self:center;justify-self:center;border-radius:100%;object-fit:cover}.button-panel{position:relative;display:flex;gap:1em;background:transparent;flex-direction:row}#navigation{position:fixed;display:flex;flex-direction:column;font:120%/1.5 Figtree,sans-serif;z-index:998;gap:.5em;top:0;left:0;padding:1.5em;background:transparent;width:fit-content}.navigation-link{text-decoration:none}.navigation-text{font:inherit;text-decoration:none;color:var(--primary-accent-color);transition:all .2s ease}.link{display:inline-flex;position:relative;margin:0;padding:0;justify-content:center;border:1.5px solid var(--primary-accent-color);background-color:transparent;border-radius:24px;min-width:40px;cursor:pointer;overflow:hidden;transition:all .2s ease}.link .lucide{padding:.5em;stroke:var(--primary-accent-color);transition:all .2s ease}#view-projects-button{position:relative;min-width:8em;padding:.5em .25em;align-self:center}#view-projects-text{font:inherit;align-self:center;transition:all .5s ease;text-decoration:none;color:var(--primary-accent-color)}#about-sections{display:flex;flex-direction:column;gap:20vh}.about-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;width:100%;max-height:70vh;gap:7.5%}#create-container{display:flex;flex-direction:column;align-items:center;gap:10%}.about-img-container{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);position:relative;max-width:25rem;align-self:center;justify-self:center;width:100%}.about-img{border-radius:8px;max-width:100%}#figma-img{transform:rotate(-10deg);grid-row:1 / span 4;grid-column:1 / span 6;z-index:2}#typing-test-img{transform:rotate(10deg);grid-row:2 / span 5;grid-column:3 / span 6}#data-cleaning-img{z-index:3;transform:rotate(15deg);grid-row:3 / span 3;grid-column:5 / span 4}#sql-img{transform:rotate(-15deg);z-index:2;grid-row:4 / span 3;grid-column:1 / span 4}#portfolio-code-img{transform:rotate(-5deg);grid-row:1 / span 6;grid-column:2 / span 5}#excel-img{transform:rotate(10deg);z-index:2;grid-row:3 / span 2;grid-column:3 / span 7}#basketball-analysis-img{transform:rotate(-2deg);z-index:1;grid-row:1 / span 3;grid-column:1 / span 7}#hypothesis-test-img{transform:rotate(-10deg);grid-row:4 / span 3;grid-column:1 / span 6}.about-blurb{display:flex;flex-direction:column;justify-content:center}.about-text{width:100%;text-wrap:pretty}#analyze-title{text-align:left}#design-title,#design-text{text-align:right}#code-title{text-align:left}#create-text{text-align:center;align-self:center}#create{flex-direction:column;justify-content:center;height:95vh}h2{font-family:inherit;text-align:left;font-size:1.2rem;font-weight:300;margin:0}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.techstack-container{display:inline-flex;overflow:hidden;white-space:nowrap;min-height:64px;max-width:90%;align-self:center;align-items:center}.techstack-slider{display:inline-flex;animation:30s slide linear infinite;height:fit-content;align-items:center}.techstack-icon{width:64px;height:64px;padding:.5em;box-shadow:none}.lucide-circle-arrow-down{display:block;width:fit-content;height:fit-content;margin:15vh auto;color:var(--primary-accent-color)}#projects{display:flex;flex-direction:column;height:fit-content}.section-title{font-family:Inter Tight;font-weight:800;text-align:center;font-size:2rem}#projects-title{padding:10vh}#projects-container{position:relative;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:1fr;gap:1em;min-height:100vh;padding-bottom:15vh;align-items:stretch;align-content:stretch}#project-names{display:flex;grid-column:1 / span 4;justify-content:space-around;flex-direction:column}.project-name{width:100%;font-family:Inter Tight;text-align:left;font-size:2rem;font-weight:600;opacity:.3;padding:1rem 0;transition:all .25s linear}.project-name.focused,.mobile-project-name{opacity:1}#project-info-scroll-container{position:relative;grid-column:6 / span 5;width:100%;background:transparent}.project-info-container{display:flex;flex-direction:column;position:sticky;top:20%;padding:1em;gap:1em;border-radius:8px;background:var(--background-color);border:1px solid var(--primary-accent-color);box-shadow:0 0 5px 2px var(--shadow-accent-color);overflow:hidden}.project-info-img{display:block;width:100%;border-radius:8px;object-fit:cover}.project-info{display:flex;flex-direction:column;gap:.5em;justify-content:space-around;font-family:inherit}.project-details{display:inline-flex;gap:.5em;font-size:.8rem;opacity:.7;font-weight:400;align-items:center;pointer-events:none}.project-info:hover{cursor:pointer}.project-info-tags{display:inline-flex;gap:.4em;flex-wrap:wrap;flex-direction:row}.project-info-tag{display:inline-flex;gap:.3em;align-items:center;background-color:var(--highlight-color);padding:.1em .6em;border-radius:8px;border:1px solid transparent;font-size:.8rem;height:1.8em}.project-info-tags .project-info-tag.special{background-image:radial-gradient(circle farthest-corner at 10% 20%,#dea8f8,#a8deff 21.9%,#bdfacd 35.6%,#f3fabd 53.9%,#fae3bd 66.8%,#f8acab 95%,#feaad4 99.9%);pointer-events:auto;transition:all .25s ease}.project-info-tags .project-info-tag.special .lucide{stroke-width:3px;width:.5rem}.project-info-description{margin:0;font-size:1rem}.project-links{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-info-link{display:inline-flex;align-items:center;justify-content:center;gap:.25em;padding:1em 0}.visit-text{color:var(--primary-accent-color);font-size:.9rem;font-weight:500;transition:all 1s ease}.arrow-part{stroke:var(--primary-accent-color);stroke-width:1.5px;transition:all 1s cubic-bezier(.43,.47,0,1)}.source-code-button{transform:scale(.75)}#footer{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;justify-items:center;align-items:center;width:fit-content;height:5vh;gap:.25em;padding:1em;margin:auto}#footer .lucide{stroke:var(--primary-accent-color);transition:all .2s ease}#mobile-projects-container{display:none}@media screen and (max-width: 50rem){#header{grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding-top:10vh}#name-container{text-align:center;align-items:center;align-self:center}.lucide-circle-arrow-down{margin:15vh auto}.about-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}#design-img-container{order:-1}#navigation{position:absolute}#projects-container{display:none}#mobile-projects-container{display:flex;flex-wrap:wrap;gap:2em;justify-content:center}.project-info-container{position:static;width:100%}.visit-text{color:var(--primary-accent-highlight)}.arrow-part{stroke:var(--primary-accent-highlight)}.source-code-button{border-color:var(--primary-accent-highlight)}.source-code-button .lucide{stroke:var(--primary-accent-highlight)}}