*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}:root{--color-grey-light:#333;--color-grey-semi:#1f1f1f;--color-grey-dark:#141414;--color-white:#fff;--color-text:#c5f82a;--link-static:#24398f;--link-hover:#3e52a3;--spacing-big:4rem;--spacing-middle:2.4rem;--spacing-small:1.6rem;--spacing-tiny:1.2rem;--typography-text-big:2.4rem;--typography-text-small:1.4rem;--typography-text-footer:1.1rem;--border-radius-big:1.2rem;--border-radius-mid:.8rem;--border-radius-small:.4rem;--border-radius-round:50%}html{font-family:Inter,sans-serif;font-size:clamp(.5rem,.4rem + .2vw,1.125rem);line-height:1.5}body{margin:0}img{max-width:100%;height:auto;display:block}.container{background-color:var(--color-grey-dark);grid-template-rows:1fr auto;min-height:100dvh;display:grid}main{width:min(38.4rem,100%);padding:var(--spacing-big);color:var(--color-white);background-color:var(--color-grey-semi);border-radius:var(--border-radius-big);text-align:center;place-self:center;overflow:hidden}footer{align-self:end}article{gap:var(--spacing-middle);display:grid}.profile__header{justify-items:center;gap:var(--spacing-middle);display:grid}.profile__image{border-radius:var(--border-radius-round);width:8.8rem}.profile__personal h1{font-size:var(--typography-text-big)}.profile__personal p{font-size:var(--typography-text-small);color:var(--color-text)}.profile__about{font-size:var(--typography-text-small)}.profile__links ul{gap:var(--spacing-small);margin:0;padding:0;list-style:none;display:grid}.profile__links a{width:100%;padding:var(--spacing-tiny);border-radius:var(--border-radius-mid);background-color:var(--color-grey-light);color:var(--color-white);font-size:var(--typography-text-small);font-weight:700;text-decoration:none;transition:background-color .6s,color .5s;display:block}.profile__links a:hover,.profile__links a:focus-visible{color:var(--color-grey-dark);background-color:var(--color-text)}.attribution{font-size:var(--typography-text-footer);color:var(--color-white);text-align:center}.attribution a{color:var(--link-static);outline:none;transition:color .15s,box-shadow .15s}.attribution a:hover{color:var(--link-hover);text-decoration:underline}.attribution a:focus,.attribution a:focus-visible{color:var(--link-hover);box-shadow:0 0 0 .3rem var(--color-text);border-radius:var(--border-radius-small);text-decoration:underline}@media (prefers-reduced-motion:reduce){.profile__links a{transition:background-color 50ms linear,color 50ms linear}.attribution a{transition:none}}