/* * Taken from vnpower */ * { box-sizing: border-box; } body { top: 0; margin: 0; background-color: #1d1f21; color: white; font-family: "Open Sans", "Roboto", "Noto Sans", "Noto Sans CJK JP", sans-serif; line-height: 1.618; } h2.get { color: orange; } h2.post { color: green; } @media (max-width: 684px) { body { font-size: 1rem; } } @media (max-width: 382px) { body { font-size: 1rem; } } a { color: #81a2be; text-decoration-color: #81a2be; } #header { width: 100%; min-width: 320px; background-color: #282a2e; } #header img { width: 280px; } #header-content { margin: 0 auto; width: min-content; } #nav { display: flex; justify-content: center; background-color: #373b41; } #footer { margin-top: 0.5rem; text-align: center; } #body { min-height: 75vh; max-width: 800px; margin: 1rem auto; padding: 0 0.6rem; } #body h1, #body h2, #body h3, #body h4, #body h5, #body h6 { line-height: 1.1; font-family: sans-serif; font-weight: 700; margin-top: 1rem; margin-bottom: 1rem; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } #body h1 { border-bottom: 1px solid #b5bd68; display: block; } #body p { margin-top: 0px; margin-bottom: 0.5rem; } #body li > p { padding: 0; margin: 0; } #body small, #body sub, #body sup { font-size: 75%; } #body img, #body video { height: auto; max-width: 100%; margin-top: 0.5rem; margin-bottom: 0.5rem; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.12), 0px 8px 8px 0px rgba(0, 0, 0, 0.12), 0px 16px 16px 0px rgba(0, 0, 0, 0.12); } #body pre { background-color: #373b41; display: block; padding: 1em; overflow-x: auto; margin-top: 0px; margin-bottom: 0.5rem; } #body code, #body kbd, #body samp { padding: 0 0.5em; background-color: #373b41; white-space: pre-wrap; } #body pre > code { padding: 0; background-color: transparent; white-space: pre; font-size: 1em; }