|
|
@@ -1,5 +1,5 @@
|
|
1
|
1
|
:root {
|
|
2
|
|
- --background: #aab5a9;
|
|
|
2
|
+ --background: #bfccbe;
|
|
3
|
3
|
--foreground: #000000;
|
|
4
|
4
|
--dark-accent: #383e38;
|
|
5
|
5
|
--white: #ffffff;
|
|
|
@@ -17,8 +17,8 @@
|
|
17
|
17
|
body {
|
|
18
|
18
|
background: #aab5a9;
|
|
19
|
19
|
color: #000;
|
|
20
|
|
- font-family: Verdana, Geneva, Tahoma, sans-serif;
|
|
21
|
|
- font-size: 12px;
|
|
|
20
|
+ font-family: monospace;
|
|
|
21
|
+ font-size: 14px;
|
|
22
|
22
|
}
|
|
23
|
23
|
|
|
24
|
24
|
a {
|
|
|
@@ -90,8 +90,8 @@ a:hover {
|
|
90
|
90
|
|
|
91
|
91
|
.form__textarea,
|
|
92
|
92
|
.form__text-field {
|
|
93
|
|
- font-family: Verdana, Geneva, Tahoma, sans-serif;
|
|
94
|
|
- font-size: 12px;
|
|
|
93
|
+ font-family: monospace;
|
|
|
94
|
+ font-size: 14px;
|
|
95
|
95
|
padding: 0.25em;
|
|
96
|
96
|
width: 100%;
|
|
97
|
97
|
}
|
|
|
@@ -111,10 +111,9 @@ a:hover {
|
|
111
|
111
|
border: 1px solid var(--dark-accent);
|
|
112
|
112
|
display: flex;
|
|
113
|
113
|
flex-wrap: wrap;
|
|
114
|
|
- font-size: 12px;
|
|
|
114
|
+ font-size: 16px;
|
|
115
|
115
|
font-weight: bold;
|
|
116
|
116
|
justify-content: space-between;
|
|
117
|
|
- margin-bottom: 1em;
|
|
118
|
117
|
padding: 0.5em;
|
|
119
|
118
|
}
|
|
120
|
119
|
|
|
|
@@ -145,6 +144,17 @@ a:hover {
|
|
145
|
144
|
padding: 0.5em;
|
|
146
|
145
|
}
|
|
147
|
146
|
|
|
|
147
|
+.post__body p {
|
|
|
148
|
+ margin: 1em 0;
|
|
|
149
|
+}
|
|
|
150
|
+
|
|
|
151
|
+.post__body pre {
|
|
|
152
|
+ background: var(--off-white);
|
|
|
153
|
+ border: 1px solid var(--dark-accent);
|
|
|
154
|
+ overflow: scroll;
|
|
|
155
|
+ padding: 0.5em;
|
|
|
156
|
+}
|
|
|
157
|
+
|
|
148
|
158
|
.message {
|
|
149
|
159
|
border: 1px solid var(--dark-accent);
|
|
150
|
160
|
color: var(--white);
|
