body,html{padding:0;margin:0;font-family:"Courier New",monospace;color:#fff}*{box-sizing:border-box}body{background-color:#262626;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 100 100'%3E%3Cg stroke='%23000000' stroke-width='0' %3E%3Crect fill='%231f1f1f' x='-60' y='-60' width='110' height='240'/%3E%3C/g%3E%3C/svg%3E");min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}main{padding:1rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}footer{flex-grow:0}h1{font-size:4rem;font-weight:700}h2{font-size:1rem;font-weight:700}.grid{max-width:50rem;display:flex;gap:1rem;flex-wrap:wrap}.card{background-color:#fff;color:#000;border-radius:.25rem;padding:0 1rem;flex:1 1 20rem}.card a{color:#000}.card a:focus-visible,.card a:hover{color:red;outline:solid red 2px;outline-offset:0.25rem;border-radius:.25rem}