html, body {
    padding: 0rem;
    margin: 0rem;
    height: 100%;
    background: #111;
    color: #eee;
}

h1 {
    margin-top: 0rem;
}

.index-content {
    padding: 1rem;
}

.nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1rem;
}

.nav-item {
    padding: 1rem;
    cursor: pointer;
    background: #222;
}

.nav-item:hover {
    background: #333;
}

.nav-item-thumbnail {
    /* 16:9 aspect ratio */
    aspect-ratio: 16 / 9;
    width: 100%;
    background-size: 100% 100%;
}

.nav-item-text {}

#canvas {
    aspect-ratio: 16 / 9;
    max-width: 100vw;
    max-height: 100vh;
    margin: auto;
    display: block;
}