:root{font-family:Poppins,sans-serif;color:#050505;background:#faf7f3;font-synthesis:none}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column}.profile{width:min(700px,calc(100% - 48px));flex:1;margin:0 auto;padding:72px 0;display:grid;grid-template-columns:205px minmax(0,1fr);gap:42px;align-content:center}.profile>picture{animation:reveal .65s cubic-bezier(.22,1,.36,1) both}.portrait{width:205px;height:236px;object-fit:cover;border-radius:7px}.bio{align-self:start;animation:reveal .65s .1s cubic-bezier(.22,1,.36,1) both}.heading{display:flex;align-items:center;gap:18px;margin:-4px 0 11px}h1{margin:0;font-size:26px;line-height:1.35;font-weight:500;letter-spacing:-.4px;white-space:nowrap}.socials{display:flex;align-items:center;gap:11px}.socials a{color:inherit;line-height:0;transition:opacity .15s ease}.socials a:hover,.socials a:focus-visible{opacity:.6}.socials svg{display:block;width:22px;height:22px;fill:currentColor}.socials a:last-child svg{width:25px}p{max-width:420px;margin:0 0 22px;font-size:18px;line-height:1.35;font-weight:300;letter-spacing:.05px}.resume{display:inline-flex;width:108px;height:42px;margin-top:3px;align-items:center;justify-content:center;border-radius:6px;background:#1976d2;color:#fff;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s ease,transform .15s ease}.resume:hover,.resume:focus-visible{background:#1468ba;transform:translateY(-1px)}footer{padding:0 24px 10px;display:flex;flex-direction:column;align-items:center;color:#888;font-size:13px;font-weight:300;line-height:1.35;animation:fade-in .5s .25s ease-out both}footer strong{color:#6d6d6d;font-weight:500}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.profile>picture,.bio,footer{animation:none}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width: 680px){.profile{width:auto;margin:0 54px;padding:56px 0 48px;display:block}.portrait{width:120px;height:126px;border-radius:7px;object-position:center top}.bio{margin-top:20px}.heading{display:block;margin:0 0 32px}h1{font-size:26px;line-height:1.35}.socials{margin-top:5px;gap:11px}p{margin-bottom:24px;font-size:18px;line-height:1.35}.resume{margin-top:8px}}@media (max-width: 460px){.profile{margin-right:32px;margin-left:32px}}