..

0
1	h1 {
2	font-size: 60px;
3	line-height: 60px;
4	font-family: georgia, Arial, serif;
5	margin-bottom: 15px;
6	font-weight: normal;
7	}
8
9	h2 {
10	font-size: 20px;
11	line-height: 20px;
12	margin-bottom: 15px;
13	font-family: Arial, sans-serif;
14	color: black;
15	}
16
17	body {
18	font-size: 14px;
19	line-height: 25px;
20	font-family: Arial, sans-serif;
21	background-image: url(../img/header.jpg);
22	margin: 0;
23	padding: 0;
24	}
25
26	p {
27	margin-bottom: 25px;
28	}
29
30	p code {
31	background-color: #ddd;
32	padding: 0px 3px;
33	}
34
35	pre {
36	background-color: black;
37	color: lightgreen;
38	padding: 10px;
39	font-family: "Consolas", monospace;
40	font-size: 14px;
41	margin: 20px 0px 20px 0px;
42	border-radius: 0.5em;
43	box-shadow: 0px 2px 4px 1px hsl(0, 0%, 80%);
44	}
45
46	blockquote {
47	display:block;
48	background: #fff;
49	padding: 15px 20px 15px 45px;
50	margin: 0 0 20px;
51	position: relative;
52
53	/*Font*/
54	font-family: Georgia, serif;
55	font-size: 16px;
56	line-height: 1.2;
57	color: #666;
58	text-align: justify;
59
60	/*Borders - (Optional)*/
61	border-left: 15px solid #c76c0c;
62	border-right: 2px solid #c76c0c;
63
64	/*Box Shadow - (Optional)*/
65	-moz-box-shadow: 2px 2px 15px #ccc;
66	-webkit-box-shadow: 2px 2px 15px #ccc;
67	box-shadow: 2px 2px 15px #ccc;
68	}
69
70	blockquote::before {
71	content: "\201C"; /*Unicode for Left Double Quote*/
72
73	/*Font*/
74	font-family: Georgia, serif;
75	font-size: 60px;
76	font-weight: bold;
77	color: #999;
78
79	/*Positioning*/
80	position: absolute;
81	left: 10px;
82	top:5px;
83	}
84
85	blockquote::after {
86	/*Reset to make sure*/
87	content: "";
88	}
89
90	blockquote a {
91	text-decoration: none;
92	background: #eee;
93	cursor: pointer;
94	padding: 0 3px;
95	color: #c76c0c;
96	}
97
98	blockquote a:hover {
99	color: #666;
100	}
101
102	blockquote em {
103	font-style: italic;
104	}
105
106	#content {
107	max-width: 800px;
108	margin: 0px auto;
109	}
110
111	.bgwrapper {
112	background-color: white;
113	margin-top: 70px;
114	margin-bottom: 50px;
115	padding: 2em;
116	}
117
118	.prevlink {
119	padding-left: 20px;
120	background-position: 0px 3px;
121	background-repeat: no-repeat;
122	}
123
124	.nextlink {
125	padding-right: 20px;
126	background-position: top right;
127	background-repeat: no-repeat;
128	}
129
130	.navigation {
131	display: table;
132	width: 100%;
133	}
134
135	.navigation ul {
136	display: table-row;
137	}
138
139	.navigation ul li {
140	display: table-cell;
141	width: 33%;
142	}
143
144	.navigation ul li a {
145	font-size: 20px;
146	color: black;
147	font-family: georgia,serif;
148	text-decoration: underline;
149	}
150
151	.toc ul {
152	list-style: none;
153	line-height: 40px;
154	font-family: georgia,serif;
155	color: red;
156	}
157
158	.toc ul li a {
159	font-size: 20px;
160	color: black;
161	text-decoration: underline;
162	}
163
164	.toc ul li ul li a {
165	font-size: 16px;
166	color: black;
167	text-decoration: underline;
168	}
169
170	.darcslogo {
171	position: relative;
172	margin-bottom: 0.5em;
173	}
174
175	.darcslogo::before {
176	top: 0.2em;
177	left: -2.5em;
178	position: absolute;
179	background-image: url(../img/logo.svg);
180	background-size: contain;
181	content: '';
182	width: 2em;
183	height: 2em;
184	}