@@ -0,0 +1,166 @@
1+---
2+---
3+
4+$phoneWidth: 800px
5+
6+$bodyFontSize: 14pt
7+$phoneBodyFontSize: 12pt
8+
9+$h3FontSize: 17pt
10+$phoneH3FontSize: 15pt
11+
12+$h2FontSize: 31pt
13+$phoneH2FontSize: 21pt//$h3FontSize
14+
15+$h1FontSize: 42pt
16+$phoneH1FontSize: $h2FontSize
17+
18+$contactFontSize: 12pt
19+$phoneContactFontSize: 10pt
20+
21+$backgroundColor: #1E1E1E // #F9F9F9
22+$textColor: #cccccc // #0f0f0f
23+$linkStateColor: #F9F9F9 // #777
24+$linkColor: $linkStateColor
25+$linkHoverColor: $textColor
26+$logoDim: 150px
27+
28+@font-face
29+ font-family: 'PT Mono'
30+ src: url(/PTMono-Bold.woff)
31+ font-weight: bold
32+
33+
34+html
35+ background-color: $backgroundColor
36+ color: $textColor
37+
38+body
39+ // background-color: $backgroundColor
40+ padding: 0
41+ margin: 0
42+ font-family: 'PT Serif', serif
43+ font-size: $bodyFontSize
44+ @media screen and (max-width: $phoneWidth)
45+ font-size: $phoneBodyFontSize
46+
47+a
48+ color: $linkColor
49+ text-decoration: none
50+
51+ &:hover
52+ color: $linkHoverColor
53+
54+h1, h2, h3, h4
55+ font-family: 'PT Mono', monospace
56+ font-weight: bold
57+
58+h2
59+ font-size: $h2FontSize
60+ @media screen and (max-width: $phoneWidth)
61+ font-size: $phoneH2FontSize
62+
63+h3
64+ font-size: $h3FontSize
65+ font-weight: bold
66+ @media screen and (max-width: $phoneWidth)
67+ font-size: $phoneH3FontSize
68+
69+h4
70+ font-size: $bodyFontSize
71+ @media screen and (max-width: $phoneWidth)
72+ font-size: $phoneBodyFontSize
73+
74+
75+.tags, h1
76+ font-family: 'PT Mono', monospace
77+ font-weight: bold
78+ font-size: $h1FontSize
79+ @media screen and (max-width: $phoneWidth)
80+ font-size: $phoneH1FontSize
81+
82+h1
83+ margin: 0
84+ margin-top: 8px
85+ margin-bottom: 8px
86+
87+p
88+ margin: 0
89+ margin-top: 13px
90+
91+.page-content
92+ width: 100vw
93+ align: center
94+ margin-top: 13vh
95+
96+.tags
97+ width: 90vw
98+ text-align: center
99+ margin: auto
100+
101+.tags, .pages
102+ list-style: none
103+ padding: 0
104+
105+
106+.tagGroup
107+ margin-top: 62px
108+
109+.pages
110+ margin-top: 13px
111+ line-height: 100%
112+
113+ li
114+ padding: 0
115+ margin-top: 5px
116+
117+.pageTitle
118+ @extend h2
119+
120+#logo
121+ z-index: 10
122+ margin-top: 34px
123+ a
124+ display: block
125+ margin-left: auto
126+ margin-right: auto
127+ width: $logoDim
128+ height: $logoDim
129+ svg
130+ display: block
131+ margin-left: auto
132+ margin-right: auto
133+ width: $logoDim
134+ height: $logoDim
135+ fill: $textColor
136+
137+ &:hover
138+ svg
139+ fill: $linkStateColor
140+
141+.page
142+ width: 100vw
143+ max-width: 100vw
144+ margin-left: auto
145+ margin-right: auto
146+
147+footer
148+ margin-top: 131px
149+ width: 100vw
150+ text-align: center
151+ margin-bottom: 21px
152+ .contact
153+ width: 90vw
154+ margin-left: auto
155+ margin-right: auto
156+ font-family: 'PT Mono', monospace
157+ font-weight: bolder
158+ font-size: $contactFontSize
159+ @media screen and (max-width: $phoneWidth)
160+ font-size: $phoneContactFontSize
161+
162+.photo
163+ max-width: 95vw
164+ max-height: 95vh
165+ margin-bottom: 8vh
166+ box-shadow: 0 0 21px rgba(70, 70, 70, 0.3)