1:root {
  2	--bg: #000000;
  3	--fg: #f1f1f1;
  4  --fg-muted: #8f8f8f;
  5	--fg-link: #fce094;
  6}
  7
  8body {
  9  display: flex;
 10  flex-direction: column;
 11  min-height: 100vh;
 12	margin: 0;
 13	padding: 0;
 14	background: var(--bg);
 15	color: var(--fg);
 16	font-family: serif;
 17	font-size: 16px;
 18	line-height: 0.95;
 19  overflow: hidden;
 20}
 21
 22header {
 23	padding: 20px 0 0 40px;
 24  margin-top: 20px;
 25}
 26
 27header h1 {
 28	margin: 0;
 29	font-size: 35px;
 30	font-weight: normal;
 31	font-style: italic;
 32}
 33
 34#side-bar {
 35	position: absolute;
 36	top: 120px;
 37	left: 0;
 38	width: 200px;
 39	padding-left: 20px;
 40}
 41
 42.side-title {
 43	font-size: 25px;
 44	margin: 20px 0 8px 0;
 45	color: var(--fg);
 46}
 47
 48#side-bar ul {
 49	margin: 0 0 0 20px;
 50	padding: 0px;
 51	list-style: none;
 52}
 53
 54#side-bar li {
 55	margin: 6px 0;
 56  white-space: nowrap;
 57}
 58
 59#side-bar a {
 60  display: inline-block;
 61}
 62
 63.active-page {
 64  position: relative;
 65  display: inline-block;
 66  color: var(--fg-link);
 67}
 68
 69.active-indicator {
 70  position: absolute;
 71  right: 100%;
 72  margin-right: 0.25rem;
 73  color: var(--fg);
 74}
 75
 76a {
 77	color: var(--fg-link);
 78	text-decoration: none;
 79	padding: 1px 2px;
 80}
 81
 82a:hover {
 83	background: var(--fg);
 84	color: var(--bg);
 85  text-decoration: underline;
 86}
 87
 88h1, h2, h3, h4, h5, h6 {
 89	margin-top: 30px;
 90	color: var(--fg);
 91	font-weight: normal;
 92}
 93
 94footer {
 95	margin-top: auto;
 96  margin-left: 30px;
 97	font-style: italic;
 98	font-size: 17px;
 99  background: var(--bg);
100  position: relative;
101}
102
103.footer-link {
104  text-decoration: underline;
105}
106
107article {
108	max-width: 800px;
109	margin: 80px 0 0 0;
110	margin-left: 240px;
111	margin-top: 0px;
112  line-height: 1.25;
113  position: relative;
114  top: 15px;
115}
116
117article img {
118  max-width: 100%;
119  width: auto;
120  height: 70vh;
121  border: 2px dotted var(--fg-link);
122}