:root{--clr-neutral-000:#fff;--clr-neutral-700:#252525;--clr-neutral-900:#000;--ff-sans:"Arial","Helvetica",system-ui,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--clr-neutral-900);color:var(--clr-neutral-000);min-height:100svh;font-family:var(--ff-sans);grid-template-rows:auto 1fr auto;grid-template-columns:1fr;display:grid}header,main,footer{flex-direction:column;align-items:center;padding-inline:1rem;display:flex}header{padding-block:5rem 1rem}main,footer{padding-block:1rem}.wrapper{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:600px;display:flex}.linksList{flex-direction:column;align-items:center;gap:1rem;width:100%;list-style:none;display:flex}.linksList li{background-color:var(--clr-neutral-700);border-radius:1rem;width:100%;transition:all .1s ease-in-out}.linksList li:hover{transform:scale(1.025)}.linksList li a{grid-template-columns:50px 1fr 50px;align-items:center;gap:1rem;padding:.5rem;display:grid}.linksList li a img{border-radius:.5rem}.linksList li a span{text-align:center}.socialsList{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;list-style:none;display:flex}.socialsList img{width:36px;height:36px;transition:all .1s ease-in-out}.socialsList img:hover{transform:scale(1.05)}a{color:inherit;text-decoration:none}img{object-fit:cover;justify-content:center;align-items:center;max-width:100%;display:flex}