:root { --bg: #222222; --bg-text: #606060; --text: #ffffff; --header: #454545; --header-text: #707070; --content-bg: #303030; --accent: #344a70; --link: #3e765d; --radius: 0.75rem; font-family: Arial, Helvetica, sans-serif; font-size: x-large; } blockquote { background-color: var(--header); /* border-radius: var(--radius); */ padding-left: 1rem; padding-right: 1rem; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: 0; margin-bottom: 0; } /* blockquote~blockquote { border-top-left-radius: 0; border-top-right-radius: 0; } blockquote+blockquote { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } */ pre { background-color: var(--bg); padding: 1rem; border-radius: var(--radius); } .copy:hover { color: var(--accent); cursor: copy; } ::-webkit-scrollbar { width: 0; } body { background-color: var(--bg); color: var(--text); margin: 0; } header { background-color: var(--accent); text-align: center; padding: 0.5rem; } .article-header { background-color: var(--header); color: var(--header-text); } section { border-radius: var(--radius); margin: 2rem; overflow: hidden; } .spaced { margin: 0; padding: 1rem; } article { background-color: var(--content-bg); padding: 1.5rem; text-align: left; } hr { margin: 2rem; height: 1px; border: 0; border-top: 1px solid var(--header); height: 1px; } footer { color: var(--bg-text); text-align: center; } h1,h2,h3,h4,h5,h6 { margin: 1rem; text-align: center; } header h1 { margin: 0; font-size: 2.5rem; } article h1 { margin-bottom: 1rem; } a { color: var(--link); } a:hover { color: var(--accent); text-decoration-line: none; } header a { color: inherit; text-decoration-line: none; font-weight: bold; } header a:hover { font-weight: bold; color: inherit } main { max-width: 80%; margin: auto; } @media screen and (max-width: 1200px) { main, section { max-width: 100%; margin: 0; } :root { --radius: 0; font-size: large; } }