html { font-family: 'Averia Serif Libre', Serif; font-size: 100%; } body { background: darkslategray; color: antiquewhite; font-size: 24px; max-width: 60ch; margin: 0 auto; line-height: 1.75; } h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; line-height: 1.3; margin: 3rem 0 1.38rem; font-weight: 400; } h1 { font-size: 5.653rem; } h2 { font-size: 3.998rem; } h3 { font-size: 2.827rem; } h4 { font-size: 1.999rem; } h1 { text-align: right; } img { width: 100%; } a, a:visited { color: aqua; } table { border-collapse: collapse; border: 1px solid; } th, td { padding: 0.5rem 1rem; } th { font-size: 1.5em; font-weight: bolder; display: flex; align-items: center; } td { display: inline-flex; } tbody tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.3); } td > img { width: 100px; } blockquote { position: relative; font-style: italic; line-height: 1.2; } blockquote:before { content: '“'; position: absolute; left: -2.5rem; font-size: 5rem; top: -1rem; font-style: normal; } label { cursor: pointer; } input[type="checkbox"] { display: none; } input[type="checkbox"]:checked + span { text-decoration: line-through; font-style: italic; opacity: 0.8; }