*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#6b7280;background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100%;padding:40px 20px;font-family:Inconsolata,monospace;font-size:19px;font-weight:300;line-height:1.8;display:flex}main{width:100%;max-width:680px}.avatar{object-fit:cover;object-position:center 20%;border-radius:50%;width:120px;height:120px;margin-bottom:1.5em}.greeting,p{color:#6b7280;margin-bottom:1em}.links{margin-top:4em;margin-bottom:.5em}.links .cta{font-family:Inconsolata,monospace;font-size:16px;font-style:normal;font-weight:400;line-height:inherit;text-transform:uppercase;color:#000;-webkit-tap-highlight-color:transparent;margin-right:1em;text-decoration:none}.links .cta:visited{color:#000}.links .cta:hover,.links .cta:active{color:#000;text-decoration:underline}.links .cta:focus-visible{color:#000;outline:none;text-decoration:underline}.work-samples{color:#6b7280;margin-bottom:0;font-family:Inconsolata,monospace;font-size:15px;font-weight:300}hr{display:none}@media (width<=600px){body{align-items:flex-start;padding:60px 20px 30px;font-size:14px}main{max-width:100%}}