Blob
1 body {2 font-family: monospace;3 font-size: 14px;4 max-width: 780px;5 margin: 0 auto;6 padding: 20px;7 padding-bottom: 80px;8 }10 h1::before {11 content: "# ";12 }14 h2 {15 margin-top: 40px;16 }18 h2::before {19 content: "## ";20 }22 h3::before {23 content: "### ";24 }26 blockquote {27 margin: 0;28 padding: 0;29 }31 blockquote::before {32 content: "> ";33 }35 blockquote p {36 font-style: italic;37 display: inline;38 }40 p.link::before {41 content: "→ ";42 }44 strong::before { content: "*" }45 strong::after { content: "*" }47 hr {48 border: 0;49 height: 1px;50 background-color: #222;51 width: 100%;52 display: block;53 margin: 2em auto;54 }56 img {57 border-radius: 5px;58 }60 pre {61 overflow: auto;62 padding: 1rem;63 background-color: #f0f0f0;64 border-radius: 3px;65 }67 pre.banner {68 display: flex;69 flex-direction: row;70 justify-content: center;71 }73 code, kbd {74 color: #9d109d;75 }77 img {78 display: block;79 margin: 0 auto;80 max-width: 100%;81 }83 @media (prefers-color-scheme: dark) {84 body {85 background-color: #222;86 color: white;87 }89 a {90 color: aqua;91 }93 hr {94 background-color: #ddd;95 }97 pre {98 background-color: #353535;99 }101 code, kbd {102 color: #ff4cff;103 }104 }106 @media (max-width: 400px) {107 pre.banner { font-size: 9px; }108 }110 @media (max-width: 500px) {111 pre.banner { font-size: 10px; }112 }