+
+/* Image and caption sttyles */
+
+p img {
+ margin-left: -1.125em;
+}
+
+hr + p img,
+h1 + p img,
+h2 + p img,
+h3 + p img {
+ margin-left: 0;
+}
+
+img {
+ width: 100%;
+ max-width: 30em;
+}
+
+img + em {
+ color: #999;
+ display: block;
+ margin: -1.414em 0 1.414em;
+ text-align: right;
+}
+
+/* Dark Mode Support */
+
+@media (prefers-color-scheme: dark) {
+ main {
+ background-color: black;
+ color: white;
+ }
+
+ code,
+ pre {
+ background-color: #444;
+ }
+
+ a {
+ color: #53FFFF;
+ }
+
+ a:visited {
+ color: #FF55FF;
+ }
+
+ hr.separator {
+ border-bottom: 10px solid #999;
+ }
+}