log.css (2812B)
1 @import url('https://rsms.me/inter/inter.css'); 2 3 .header { 4 display: flex; 5 margin: 50px 0 0 0; 6 flex-direction: column; 7 align-items: center; 8 } 9 10 .logo { 11 margin-bottom: 0; 12 letter-spacing: -0.05em; 13 } 14 15 .date { 16 font-size: 0.7em; 17 margin-left: 10px; 18 color: #eee; 19 } 20 21 .logo img { 22 padding-right: 18px; 23 width: 60px; 24 } 25 26 a { 27 font-family: -system-ui, sans-serif; 28 color: white; 29 } 30 31 a:visited { 32 color: #eee; 33 } 34 35 body { 36 color: white; 37 min-height: 800px; 38 } 39 40 html { 41 line-height: 1.5; 42 font-size: 20px; 43 font-family: "Georgia", sans-serif; 44 45 background: linear-gradient(45deg, rgba(28,85,255,1) 0%, rgba(127,53,171,1) 59%, rgba(255,11,214,1) 100%); 46 } 47 .container { 48 margin: 0 auto; 49 max-width: 36em; 50 hyphens: auto; 51 word-wrap: break-word; 52 text-rendering: optimizeLegibility; 53 font-kerning: normal; 54 } 55 @media (max-width: 600px) { 56 .container { 57 font-size: 0.9em; 58 padding: 1em; 59 } 60 } 61 @media print { 62 .container { 63 background-color: transparent; 64 color: black; 65 font-size: 12pt; 66 } 67 p, h2, h3 { 68 orphans: 3; 69 widows: 3; 70 } 71 h2, h3, h4 { 72 page-break-after: avoid; 73 } 74 } 75 p { 76 margin: 1em 0; 77 } 78 img { 79 max-width: 100%; 80 } 81 h1, h2, h3, h4, h5, h6 { 82 font-family: 'Inter', system-ui, sans-serif; 83 margin-top: 1.4em; 84 } 85 h5, h6 { 86 font-size: 1em; 87 font-style: italic; 88 } 89 h6 { 90 font-weight: normal; 91 } 92 ol, ul { 93 padding-left: 1.7em; 94 margin-top: 1em; 95 } 96 li > ol, li > ul { 97 margin-top: 0; 98 } 99 blockquote { 100 margin: 1em 0 1em 1.7em; 101 padding-left: 1em; 102 border-left: 2px solid #e6e6e6; 103 color: #606060; 104 } 105 code { 106 font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace; 107 font-size: 85%; 108 margin: 0; 109 } 110 pre { 111 margin: 1em 0; 112 overflow: auto; 113 } 114 pre code { 115 padding: 0; 116 overflow: visible; 117 } 118 .sourceCode { 119 background-color: transparent; 120 overflow: visible; 121 } 122 hr { 123 background-color: #1a1a1a; 124 border: none; 125 height: 1px; 126 margin: 1em 0; 127 } 128 table { 129 margin: 1em 0; 130 border-collapse: collapse; 131 width: 100%; 132 overflow-x: auto; 133 display: block; 134 font-variant-numeric: lining-nums tabular-nums; 135 } 136 table caption { 137 margin-bottom: 0.75em; 138 } 139 tbody { 140 margin-top: 0.5em; 141 border-top: 1px solid #1a1a1a; 142 border-bottom: 1px solid #1a1a1a; 143 } 144 th { 145 border-top: 1px solid #1a1a1a; 146 padding: 0.25em 0.5em 0.25em 0.5em; 147 } 148 td { 149 padding: 0.125em 0.5em 0.25em 0.5em; 150 } 151 header { 152 margin-bottom: 4em; 153 text-align: center; 154 } 155 #TOC li { 156 list-style: none; 157 } 158 #TOC a:not(:hover) { 159 text-decoration: none; 160 } 161 code{white-space: pre-wrap;} 162 span.smallcaps{font-variant: small-caps;} 163 span.underline{text-decoration: underline;} 164 div.column{display: inline-block; vertical-align: top; width: 50%;} 165 div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} 166 ul.task-list{list-style: none;} 167 .display.math{display: block; text-align: center; margin: 0.5rem auto;}