text-decoration: none;
}
-.loc {
- margin-left: 0.9em;
+#blob {
+ display: block;
+ max-width: 100%;
+ overflow-x: scroll;
}
-.line {
+article.markup {
+ font-size: 15px;
+ border: 2px solid #00000017;
+ border-radius: 10px;
+ font-family: sans-serif;
+ padding: 2.5em;
+ margin: 2em 0;
+}
+
+article.markup code {
+ font-size: 0.9em;
+ border: 1px solid #dbdbdb;
+ background-color: #f7f7f7;
+ padding: 0 0.3em;
+ border-radius: 0.3em
+}
+
+article.markup pre code {
+ border: none;
+ background: none;
+ padding: 0;
+ border-radius: 0;
+}
+
+article.markup pre {
+ background-color: #f7f7f7;
+ padding: 1em;
+ border: 1px solid #dbdbdb;
+ border-radius: 0.3em;
+}
+
+article.markup h1 {
+ font-size: 2.4em;
+ padding-bottom: 6px;
+ border-bottom: 5px solid #0000000a;
+}
+
+article.markup h2 {
+ font-size: 1.9em;
+ padding-bottom: 5px;
+ border-bottom: 2px solid #00000014;
+}
+
+article.markup h3 {
+ font-size: 1.5em;
+}
+
+article.markup h4 {
+ font-size: 1.3em;
+}
+
+article.markup h5 {
+ font-size: 1.1em;
+}
+
+article.markup h6 {
+ font-size: 1em;
+}
+
+article img {
+ max-width: 100%;
+}
+
+.linenos {
+ margin-right: 0;
+ border-right: 1px solid rgb(0 0 0 / 8%);
+ user-select: none;
+}
+
+.linenos a {
+ margin-right: 0.9em;
user-select: none;
+ text-decoration: none;
}
#blob a {