/* The demo page fits the viewport: the body never scrolls, long lists
   scroll inside the card instead. */
html,
body {
    height: 100%;
}

body {
    margin: 0;
    overflow: hidden;
    display: grid;
    justify-items: center;
    align-items: start;
}

main {
    width: min(34rem, calc(100vw - 2rem));
    margin-top: 8vh;
}

todo-app .list-group {
    max-height: 60vh;
    overflow-y: auto;
}