:root{--indent:8ex;--line-break:2ex;--accent:#049016}body{font-family:monospace;max-width:80ch;background-color:#000;color:#fff;margin:0 auto}a{font-weight:700;color:#fff;&:visited { color:grey; } &:hover { color:var(--accent); }}.v{--guess:#93c572;--highlight:#BA8E23;text-align:center;form { display: inline-block; margin: 1em auto; } table { border: 2px solid #444444; border-collapse: collapse; margin: 1em auto 2em; } thead { background-color: #252f20; } th, td { border: 1px solid #444444; padding: 8px 10px; } tbody > tr { color: #dcdcdc; &:nth-of-type(even) { background-color: #141414; } td:first-of-type { color: var(--guess); } } tr.highlight { border: solid 2px var(--highlight); td:first-of-type { font-weight: bold; color: var(--highlight); } }}.manpage{header, footer { display: flex; flex-flow: row nowrap; justify-content: space-between; } figure { margin: 0; } h1, footer, p + p, p + figure, p > figure, details.flag { padding-top: var(--line-break); } .indent, p, p + figure { padding-left: var(--indent); } h1, p { margin: 0; } h1 { text-transform: uppercase; font-size: medium; }}details.flag{summary { font-weight: bold; display: block; &:hover { cursor: pointer; color: var(--accent); } &::-webkit-details-marker { display: none; } &:after { content: " ↴"; color: white; font-size: large; font-weight: normal; } } &[open] summary:after { content: " ↰"; font-size: large; font-weight: normal; } img { max-width: 100%; object-fit: scale-down; }}.namechange{h1 { text-align: center; } h2 { margin-top: 25px; } hr { margin-top: 50px; margin-bottom: 50px; } ul li, ol li { padding: 0.5rem 0; }}