/* Main page: the site's pages as a plain list, in place of the top navigation. */

/* White rather than the off-white the other pages set their cards on. */
body {
    background: var(--surface);
}

/* The list is centered in the visible screen (dvh); the footer still starts
   at the full height (vh), so it stays out of sight when a phone's toolbars
   hide. On desktops the two are the same. */
.home {
    min-height: 100dvh;
    max-width: 36rem;
    justify-content: center;
}

.home h1 {
    font-size: 2.25rem;
    font-weight: 800;
    color: var(--primary);
}

.home ul a {
    display: block;
    padding: 0.375rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--text);
}