:root{--background:#f6f8fa;--primary:#0e0e0e;--secondary:#3a3532;--accent:#3f51b5;--code:#ebe8e7}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:calc(1rem + .2vw)}body,html{color:var(--primary);background:var(--background)}body{display:flex;flex-direction:column;flex-wrap:wrap;gap:4rem;font-family:Merriweather,Georgia,serif;-webkit-font-smoothing:antialiased;line-height:1.5;width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem}@media screen and (max-width:425px){body{padding:1.6rem .6rem}}h1{font-weight:900}header{flex:0 1 auto}main{flex:1 1 auto}footer{flex:0 1 auto}a,a:link,a:visited{color:var(--accent);outline:2px solid transparent;text-decoration:none}a:hover{color:var(--primary);text-decoration:underline}a:focus-visible{outline-color:var(--primary);box-shadow:none}ol,ul{list-style-position:inside}svg{fill:currentColor}img{max-width:100%}img[width][height]{height:auto}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.4rem}.header__avatar{width:70px}.header a,.header a:link,.header a:visited{color:inherit}.header__heading .header__link{display:flex}.header__ul{display:flex;gap:.8rem;list-style:none}.header__link.active{font-weight:700}.main section:not(:first-of-type){margin-top:4rem}.main h1,.main h2{margin-bottom:1.5rem}.main h2 small{font-size:.6em;display:flex}.main p:not(.projects__info > p,p:first-of-type){margin-top:1rem}.heading{margin-bottom:3rem}.heading h1{margin-bottom:auto}.projects{display:flex;flex-wrap:wrap;gap:1.4rem}.skills{display:flex;flex-wrap:wrap;flex-direction:column;list-style:none;gap:2rem}.skills__grouped{color:var(--secondary);list-style:none;display:flex;flex-direction:column;gap:1rem}.skills__non-grouped{color:var(--primary);list-style-type:initial}.footer{display:flex;flex-direction:column;gap:1rem;flex-wrap:wrap;align-items:center;text-align:center;border-top:1.5px solid currentColor;padding-top:1.2rem}.footer__social{display:flex;justify-content:flex-end;width:100%}.footer__links-wrapper{display:flex;flex-direction:column;min-width:5rem}.footer__links-wrapper p{color:var(--secondary);font-size:.9em;margin-bottom:.1rem}.footer a,.footer a:link,.footer a:visited{color:inherit}.footer__links{display:flex;gap:.5em;list-style:none}.footer__link{display:flex;justify-content:center;align-items:center}.footer__link svg{width:1.2rem}