body { text-rendering: optimizeLegibility; font: 1rem/1.3 sans-serif; color: #000000; margin-bottom: 100vh; } a { color: #000000; text-decoration: none; outline: none; } input { font-size: 1.05rem; background-color: transparent; border: 1px solid #828282; padding: 6px; border-radius: 4px; } .container { margin: 1rem auto; max-width: 64rem; } .menu { font-size: 1.1rem; padding: 0 1rem; } .slogan { color: #828282; } .theme { float: right; } .item { display: table; color: #828282; margin-bottom: 0.6rem; } .item .source-logo { width: 0.9rem; height: 0.9rem; } .item a { color: #828282; } .item a:hover { text-decoration: underline; } .item .num { display: table-cell; width: 2em; } .item a.link { font-size: 1.1rem; color: #000000; } .item a.link:visited { color: #828282; } .item a.link:hover { text-decoration: none; } span.source { margin-left: 0.4rem; } .item .info a.hot { color: #444444; } .article { padding-bottom: 3rem; } .article-container { margin: 1rem auto; max-width: 38rem; } .article a { border-bottom: 1px solid #222222; } .article h1 { font-size: 1.6rem; } .article h2 { font-size: 1.4rem; } .article h3, .article h4 { font-size: 1.3rem; } .article img { width: 100%; height: auto; } .article figure, .article video { width: 100%; height: auto; margin: 0; } .article iframe { width: 100%; margin: 0; } .article .info { color: #828282; } .article .info a { border-bottom: none; color: #828282; } .article .info a:hover { text-decoration: underline; } .story-text { font: 1.2rem/1.5 'Apparatus SIL', sans-serif; margin-top: 1em; } .comments { margin-left: -1.25rem; } .comment { padding-left: 1.25rem; } .comment.lined { border-left: 1px solid #cccccc; } .comment .text { margin-top: -0.5rem; } .toggleDot { position: fixed; bottom: 1rem; left: 1rem; height: 3rem; width: 3rem; background-color: #828282; border-radius: 50%; } .toggleDot .button { font: 3rem/1 serif; position: relative; top: 0.1rem; left: 0.1rem; }