.hero{background-color:var(--color-surface-300);flex-direction:column;align-items:center;gap:1em;padding:4em 2em;display:flex}.hero h1,.hero p{margin:0}.hero h1{font-size:3em;font-weight:400}#links{background-color:var(--color-surface-300);border-radius:1em;flex-grow:1;max-width:600px;margin:2em auto;padding:1em}#links h2{margin:0;font-weight:400}#links ul{flex-direction:column;justify-content:space-between;align-items:stretch;gap:.5em;width:100%;margin:0;padding:0;list-style:none;display:flex}#links ul li a{background-color:var(--color-surface-400);color:var(--color-primary-600);border-radius:.3em;justify-content:space-around;align-items:center;padding:1em 2em;text-decoration:none;display:flex}#links ul li a:focus,#links ul li a:hover{background-color:var(--color-surface-500);outline:none;text-decoration:underline}