*{box-sizing:border-box}body{background-color:var(--white);min-height:100vh;color:var(--black);font-family:var(--sans-serif-font);letter-spacing:var(--tracking-text);line-height:var(--leading-normal);opacity:0;justify-content:center;align-items:center;margin:0;padding:8rem 3rem 3rem;transition:opacity .4s;display:flex}body.page-loaded{opacity:1}nav{z-index:10;justify-content:flex-end;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-md) var(--space-lg);display:flex;position:fixed;top:0;left:0}nav h3{letter-spacing:var(--tracking-display);font-size:1.25rem;line-height:var(--leading-tight);margin:0}nav a{color:var(--black);text-decoration:none;transition:color .3s}#projects-button:hover a{color:var(--lavender)}#about-button:hover a{color:var(--mustard)}#resume-button:hover a{color:var(--sky-blue)}.about{align-items:center;gap:var(--space-2xl);width:min(1100px,100%);display:flex}.about-image,.about-text{flex:1}.about-image{position:relative}.about-image:before{content:"";border:1.5px solid var(--black);pointer-events:none;width:100%;height:100%;position:absolute;top:12px;left:12px}.about-image img{aspect-ratio:4/5;object-fit:cover;border:1.5px solid var(--black);width:100%;display:block;position:relative}.about-text h1{margin:0 0 var(--space-sm);font-family:var(--sans-serif-font);letter-spacing:var(--tracking-caps);font-size:clamp(3rem,6vw,5rem);line-height:var(--leading-tight)}.about-text p{font-family:var(--serif-font);font-size:var(--text-font-size);letter-spacing:var(--tracking-text);line-height:var(--leading-normal);margin:0}@media (width<=800px){.about{gap:var(--space-xl);flex-direction:column}.about-image,.about-text{width:100%}.about-image{align-self:center;width:min(100%,340px)}}@media (width<=600px){body{padding:6rem 1.25rem 2rem}nav{justify-content:center;gap:var(--space-sm);padding:var(--space-sm)}nav h3{letter-spacing:var(--tracking-text);font-size:1rem}}