main{display:flex;flex-direction:column;align-items:center}.grid{--max-number-of-columns: 3;--block-width: 22em;--block-height: 12em;--spacing: 0.6em;--radius: 0.5em;--computed-block-width: min( calc(100vw - var(--spacing)), var(--block-width) );width:calc( var(--computed-block-width) * var(--max-number-of-columns));max-width:100%;display:grid;grid-template-columns:repeat(auto-fit, var(--computed-block-width));justify-content:center}.grid>a{margin:var(--spacing);background-color:#3d455c;border-radius:var(--radius);padding:calc( 1 * var(--radius));height:var(--block-height);text-align:center;text-decoration:none}.grid>*:hover{background-color:#323a4c}.grid>a>*{margin:0px auto;max-width:90%}.grid>a>h2{line-height:1em;margin-top:1.5em}.grid>a>p{color:#cfcfcf;margin-top:2em}@media (max-width: 650px){.grid{font-size:0.8em;--spacing: 0.3em;--block-width: calc( 95vw / 2 );--block-height: 10em}}@media (max-width: 350px){.grid{--spacing: 0.25em;--block-width: 90%;--block-height: 8em}.grid>a>*{max-width:90%}}