:root { --thumb-width: 200px; --thumbs-row: 4; --desc-width: 50rem; --font: Open Sans, Helvetica Neue, Helvetica, sans-serif; --col-body-text: rgba(10, 50, 10, 1.0); --col-set-title: rgba(15, 110, 10, 1.0); --col-set-desc: rgba(10, 50, 10, 1.0); } body { color: var(--col-body-text); font-family: var(--font); font-size: 1rem; } .set { margin: 3rem auto 6rem; text-align: center; } .set .title { color: var(--col-set-title); font-size: 2rem; font-weight: bold; margin: 1rem auto; max-width: var(--desc-width); } .set .desc { color: var(--col-set-desc); margin: 1rem auto 3rem; max-width: var(--desc-width); } .thumbs { /* Set font size to hide newline spaces between thumbnails. */ font-size: 0; margin: 0 auto; max-width: calc(var(--thumb-width) * var(--thumbs-row)); }