1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
@import 'colors' // lektor-scss use libsass which does not support @use
$width: 600px
body
font-family: monospace
font-size: 1rem
color: $text-color
background-color: $bg
img
max-width: $width
a
color: $blue
text-decoration-style: dotted
a:hover
color: #ebcb8b
text-decoration: underline
input, textarea
color: $text-color
border: none
background-color: $bg-darker
display: block
margin: auto
padding: 0.5rem
border-radius: 0.5rem
width: 90%
-webkit-box-shadow: none
-moz-box-shadow: none
box-shadow: none
textarea
resize: vertical
height: 10rem
button
margin: 0.5rem
font-family: monospace
background-color: $bg
color: $text-color
form
text-align: center
pre
overflow-x: scroll
font-size: 0.9rem
.body
overflow-x: hidden
.hll
background-color: $bg-darker
border-radius: 10px
padding: 5px
.container
max-width: $width
margin: 0 auto
.header
margin: 0
h1
margin: 0
float: left
font-size: 1rem
text-align: left
color: #a3be8c
.navigation
text-align: right
ul
list-style-type: none
li
display: inline
#active
color: #fff
font-weight: bold
.cv
h1
margin-bottom: 1px
font-size: 1rem
h2
margin: 0px
font-size: 1rem
p
margin-bottom: 25px
.publications
font-size: 12px
a
font-weight: bold
font-size: 15px
li
margin-bottom: 5px
.blog-post
img
margin: auto
display: block
h1
font-size: 1.5rem
h2
font-size: 1.4rem
h3
font-size: 1.3rem
p.date
text-align: right
color: gray
.page-content
h1
font-size: 1.5rem
footer
text-align: right
@media only screen and (max-width:$width)
.header
h1
text-align: center
float: none
ul
padding-left: 0
.navigation
text-align: center
img
max-width: 100%