*,*:after,*:before{box-sizing:border-box}body{margin:0;padding:24px 16px;background-color:#23252c;display:grid;place-items:center;min-height:100vh;font-family:Inter,sans-serif;font-size:clamp(16px,1vw + 12px,20px)}.container{width:min(92vw,380px);background-color:#f5f5f5;border-radius:10px;height:fit-content;display:grid;grid-template-columns:1fr}.headshot{width:100%;border-radius:10px;display:block}.profile{padding:clamp(20px,4vw,28px) clamp(22px,6vw,36px) 0}.info{text-align:center;padding:clamp(20px,4vw,28px) clamp(22px,6vw,36px)}h1{font-size:clamp(1.7rem,1.2vw + 1.4rem,2.2rem);color:#2b283a;margin:0 0 6px;font-weight:700}.info h2{margin:0 0 9px;color:#f47d27;font-size:clamp(.95rem,.5vw + .85rem,1.1rem);font-weight:300}.info span a{font-size:clamp(.82rem,.3vw + .75rem,.95rem);color:#4a4e74;text-decoration:none}.info span a:hover{color:#2b283a;text-decoration:underline}.info span a:focus-visible{outline:2px solid #f47d27;outline-offset:2px;text-decoration:underline}.info span a:active{color:#1f1d2a}.info span{display:block;margin:0 0 17px}.button-group{display:grid;grid-template-columns:1fr;gap:20px;width:100%}.btn{text-decoration:none;display:flex;border-radius:6px;border:none;align-items:center;justify-content:center;gap:5px;padding:clamp(12px,1.2vw + 8px,16px) clamp(16px,2vw + 8px,24px);font-size:clamp(.95rem,.5vw + .85rem,1.05rem);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #1118272e}.btn:focus-visible{outline:2px solid #f47d27;outline-offset:2px;box-shadow:0 0 0 3px #f47d2740}.btn:active{transform:translateY(0);box-shadow:0 2px 6px #11182733}.email{background-color:#fff;color:#374151}.linkedIn{color:#fff;background-color:#297fe5}.about{padding:0 clamp(22px,6vw,36px)}.interests{padding:clamp(18px,4vw,24px) clamp(22px,6vw,36px) clamp(28px,7vw,44px)}h3{font-size:clamp(1.1rem,.6vw + 1rem,1.3rem);margin:0;color:#2b283a}p{margin:5px 0 0;font-size:clamp(.92rem,.5vw + .78rem,1.05rem);color:#4a4e74}footer{height:clamp(64px,8vw,76px);background-color:#d5d4d8;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:center;gap:20px}@media(min-width:640px){.container{width:min(92vw,720px);grid-template-columns:1fr 1fr}.profile{grid-column:1}.details{grid-column:2;display:flex;flex-direction:column;justify-content:center}footer{grid-column:1 / -1}}footer a{display:inline-flex;border-radius:6px;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}footer a:hover{transform:translateY(-1px);opacity:.85}footer a:focus-visible{outline:2px solid #f47d27;outline-offset:2px;box-shadow:0 0 0 3px #f47d2740}footer a:active{transform:translateY(0);opacity:.7}