*{box-sizing:border-box}body{background-color:var(--white);min-height:100vh;color:var(--black);font-family:var(--sans-serif-font);opacity:0;flex-direction:column;align-items:center;gap:1.5rem;margin:0;padding:8rem 2rem 2rem;transition:opacity .4s;display:flex}body.page-loaded{opacity:1}nav{z-index:10;justify-content:space-between;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-links{align-items:center;gap:var(--space-lg);display:flex}.nav-links h3{letter-spacing:var(--tracking-display);font-size:1.25rem;line-height:var(--leading-tight);margin:0}.nav-links 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)}.home-link{color:var(--black);align-items:center;gap:.6rem;text-decoration:none;display:flex}.home-icon{width:18px;height:18px;fill:var(--black);flex-shrink:0}.home-name{font-family:var(--sans-serif-font);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--leading-tight);font-size:1.25rem}.resume-wrap{flex-direction:column;align-items:center;gap:1rem;width:min(900px,100%);display:flex}.resume-frame{border:1.5px solid var(--black);background-color:var(--white);width:100%;height:85vh}.resume-fallback{font-family:var(--sans-serif-font);letter-spacing:var(--tracking-text);color:var(--black);transition:color .3s}.resume-fallback:hover{color:var(--sky-blue)}@media (width<=600px){body{padding:7rem 1.25rem 1.25rem}.resume-frame{height:75vh}nav{gap:var(--space-sm);padding:var(--space-sm)}.nav-links{gap:var(--space-sm)}.nav-links h3{letter-spacing:var(--tracking-text);font-size:1rem}.home-name{font-size:1rem}}