-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.css
302 lines (259 loc) · 21.2 KB
/
styles.css
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
.summary-wrapper {
margin: 20px 0;
}
.summary-container {
position: relative;
overflow: hidden;
max-height: 200px;
transition: max-height 0.5s ease;
}
.summary-container.expanded {
max-height: 1000px;
/* A large enough value to show all content */
}
.summary-container p {
margin: 15px 0;
}
.summary-fade {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 40px;
background: linear-gradient(to bottom, transparent, white);
}
.show-more {
display: block;
margin: 20px 0;
text-align: center;
cursor: pointer;
color: #007BFF;
font-weight: bold;
border: none;
background: none;
font-size: 16px;
}
.show-more:hover {
text-decoration: underline;
}
/* This CSS was borrowed from Rob Csazar -- https://codepen.io/robcsaszar/pen/rNNrwvq */
@import url("https://fonts.googleapis.com/css?family=Chivo|Roboto:500&display=swap");
:root {
--highlightColor: #ff9f1c;
--textColor: #070600;
--backgroundColor: #f7f7ff;
}
body {
font-family: "Chivo", sans-serif;
background: var(--backgroundColor);
color: var(--textColor);
}
.maintenance-wrap {
max-width: 500px;
margin: auto;
}
.maintenance-anim {
background-image: url("data:image/png;base64,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\a");
background-size: 72px auto;
background-repeat: no-repeat;
background-position: center center;
width: 80px;
height: 80px;
position: relative;
float: left;
margin-top: 68px;
margin-right: 20px;
}
.maintenance-anim:before,
.maintenance-anim:after {
content: "";
display: block;
position: absolute;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACCCAYAAACpWEEoAAABhWlDQ1BJQ0MgUFJPRklMRQAAeJx9kT1Iw0AYht+mSkUrDnYo4pChOlkQFXWUKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfExdVJ0UVK/C4ptIjxjuMe3vvel7vvAKFRYarZNQ6ommWk4jExm1sVA6/ooxnADMISM/VEejEDz/F1Dx/f76I8y7vuz9Gv5E0G+ETiOaYbFvEG8fSmpXPeJw6xkqQQnxOPGXRB4keuyy6/cS46LPDMkJFJzROHiMViB8sdzEqGSjxFHFFUjfKFrMsK5y3OaqXGWvfkLwzmtZU012kNI44lJJCECBk1lFGBhSjtGikmUnQe8/APOf4kuWRylcHIsYAqVEiOH/wPfvfWLExOuEnBGND9YtsfI0BgF2jWbfv72LabJ4D/GbjS2v5qA5j9JL3e1iJHwMA2cHHd1uQ94HIHCD/pkiE5kp+WUCgA72f0TTlg8BboXXP71jrH6QOQoV4t3wAHh8BokbLXPd7d09m3f2ta/fsBlYlytZ3HfhQAAAAGYktHRABDAJUAOULNa/UAABU7SURBVHja7Z17bNtVlsfP/flnx3m5cZI2TdImaWLHTW2nDSS8xYJAyyIhtKMRo7YIIUYVYhkQlIUtpSONtKgMW0DitTuoAroIdUDDCnaXWSGqFUVsC22aNE3i1HnYeSdO7NiunTg/27/H2T+wg5sm9s+O7fjx+/6Z+HHvuZ/fPefec+41gCRJGxCRTHC9RkZGDno8nj/wPL9DJpPRgiDQEf8WEDGoUChGlErlay0tLX+RAMpzDQ0N/crj8fw7AJQmYBMEAJTL5Wfb2trulwDKI3V3d/fxPG9Ioh1QoVAM7Nu3zygBlMPq6uqyCILQmMK+o1KpfLe1tfV5CaAc0sDAwAc+n+/JNPUZKYriS0pK7ty9e3enBFB2B8X3ut3u/w31Nd39RYqiPO3t7WoJoCzsW2dnpwcASjKgn6hQKH7ct2/fXRJAWaDLly93cxzXlmH9QwCA4uLiI3q9/g0JoMyMc477fL6jGd43BACuvLx8j0ajsUgAZUacs8ftdvcCgCyL+oQURc23t7dXSwBtojo7OxcAoDyL+4IKheKv+/bte1gCKI3q6en5jmXZe3JkFkWKorC0tPS3Op3uEwmgFMpkMj27vLz8To4uApAQEmhsbNxeUVHhkQBKolwu1zar1TqFiHLI/f0rpChqor29fZcEUBJ06dKlGUSshvxLvWBRUdEnBoPhCQmgBNTb2/tFIBD4NeR31QACAKrV6ge1Wu0ZCSARMpvNv1lcXPwMNif9kMnxka+jo0MVgkoCaLVGR0eVTqfThYhKCZz1QZLL5X1tbW37JIAi1NXVNSQIglYCR7Rbg8LCwhNGo/HlvAaov7//3xiGeUoCJ2GQ+PLy8g6NRnMlrwCyWCx3ulyuH6Q4J2nL/mvt7e3leQFQZ2enFzKjzCIX46NzbW1td+ckQD09PZdYlr1ZAif18VFZWdkLzc3Nb+cEQGaz+feLi4v/nMlbBznq1titW7dq6uvrp7ISoCwts8g5kAghcx0dHTVZBVBXV5ddEIRKCZzMAamgoOC/9+7d+/cZDdDly5fPcBx3vwROxsZHqFarH9NqtX/OKIDMZvM/LC4u/qsU52SNWwtUVFSoGxsb/ZsKkMvl2jYyMjJFCJFL4GRloD3a3t6u2RSAuru7J3ie3ymBk/0gFRcXn9Tr9U+lBaD+/v7TDMMckMDJyfjofq1WezYlAIVusvgPkNIPuR4fLXV0dGwBEWUjoiAYHR1VOhwOJyGkUAInf0CiabrnpptuunlDAHV1dZkFQdBJ4OStW4Pi4uI/6vX6Y3EBFLEsl8CRhADAq9XqvVqt9mpMgPK4iF1SnMv+GwC5ePEiQwhRSraSFG21dsstt8gAAKhVM88iIaRAspGkGHEz1dnZyV43A/X397/OMMw/SW5LktiZSC6Xf7MCS2dnpyDBIynumEjscl6SpLVEAQB0d3eflCCSFK8EQfgZoLGxMbVkDknxamlp6WeAFhYWCjmOQ8kkkuLR9PT0L8v4yclJySKSRMvn86Hdbgc6EqDKykpUqVR5GwsJgoBh387zPAiCcGPQSFEgk8mAoiigKIrkq516e3sBACDyl2hIb28vGo1GLCsrI/lkDJZlQRCEMDAkVuDIcdwvy1iKArlcDjRN54vNsLOzE4LBIAEAjAQIeJ4nV65cgerqatTpdDm7vBcEAQVBgBA4G+kjEQQBAoEAsCyLuQ6Sz+fDnp4e4DhupY/0Wi+02WzE4XCgTqfDrVu35hRIHMdhEsBZC0oSBqmgoCDX3BsODw/D7OzsDX2ioxiaDAwMQGFhIba2tmJhYSHJ9lknEAgkHZy1QGIYBimKygWQ0OFwwODgIPA8v2Y/6FifwDAMuXjxIlRWVuKePXuyziAR4KRzJiWCIADDMKhQKDAUdGeV3RiGwd7eXvD7/VHbTYv9wIWFBfLDDz/grl27sL6+PuPdWjg4DgW8m9VWEgwGAX4+FYrZEB8JgoAmkwlcLpeottLxGmRsbAympqZQr9ejWq3OSJA4jsNAIJBJbcuG+AgnJiZgbGwsLrvRCQ4Q6e3theLiYmxtbcWCggKSKU9POuKcHIuP0O12w8DAwHWrq5QCFLGsIz/99BNUVVWhTqfbNINsUpyT9fFRIBDAvr4+8Pl8CX8/nYyGzM/PE7vdjlqtFmtqatI2iIIgIM/zEIozsm21Q4LBIIRmI0wnRIIg4ODgINjt9g1/J52sRiEiGR4ehvHxcTQYDKhSqVI6qKnaz9kktwZpcms4PT0NVqsVEDEp30Mnu4XBYJBcvnwZVCoVGo1GlMvlyd6wy+g4Z6PxEU3TKJfLkw0Ser1eMJlM4RRE0kSnyiBer5ecP38eampqsLm5ecOzUZbFOQm7NY7jgOM4VCgUSXn4WJbF/v5+8Hq9KbEZHccAgsPhgLm5OVCr1VBdXQ1yuTzm+2ZnZ8n8/DxqtVrcvn173IOf5XHOhuIjjuM24tZwaGgIbDZbSm0mCiCPxwPffvstuFyulb8VFBTAfffdB3V1dTHfz/M8GRwchPHxcTQajVhcXEzinHXytWwikWU/zs3NwcjIyLrph2SKivUCv98PX3311Qo8CoUCKIqCQCAA33zzDdhsNtFf5vf7yaVLl0hvby9Gq4AUBAEZhkGGYfIWnlXLfsIwDAQCAQzXLK0FztLSEl64cAEGBwdJOuARBdDFixfB7/eDTCaD7du3w7Zt26C6uhoUCgUgIpw7dy7uL3W73eTcuXMwOjqKEHGFSGjGiQRHKvS/Pj4iDMPA6oeP4zjs6emBrq4uEit3lXYXNj4+DgAAKpUKaPrnlxNCoLy8HObm5sDpdILH44EtW7bEbZDJyUmYnZ3FlpYWVKlU+RbnJAxSOC1C0zRMTU2Fy5HjtpsgCGi1WmFxcREaGhqgvLw8uTvRfr8fGIYBAACl8vrj8jRNA03TwHEcOByORAAKL/uhu7sbCgoKoLW1FRQKhYSIiDhnYWEBBgcHAQBWSmzj0eTkJI6MjKzsB7lcLrz11luxtLSUJA0gxF9mSkJu/Nzw39aqHRa7uhIEARCRMAwD4bKR3bt3A1nrCyWB3+9Hk8kEDMOQSFvSNI2EkJiBtsfjwStXrgDLsqtfR2ZnZ8OVqMkBqLCwEJRKJfj9fvD7/VBUVBS5sgKWZQEAoLKyMmFwVv9/YWGBnD9/HhsaGnDHjh2SS/vlYUaz2QxOp5Os8T/CsixQFIU0Ta+ZFgkGg9jT0wNer3fNhxMRw9WnyY2BduzYARaLBbxeLxQUFIBMJgNEBLfbvRIblZWViYaH47iYKytEJGNjYzA9PY0tLS0Yco/5ChJOT0/D+Ph4zPSDIAgr+TWapoGiKBLOe83OzoacxpofgXv27El+DAQAcPvtt8PExASwLAvz8/OgUCggtFsKAAB33HFHTP8rFpzVYlmW9PX1QUlJCRoMhqSnRTIdHI/HA2azeS13E3P/iGVZtNlsgsViibaaxcrKSjAajSCTyRKybUyAiouL4aGHHoIzZ86Az+cDv9+/EkTfeeed0NDQkLC7EqulpSVy4cIFqKqqSkpaJNMVDAbRZDIlXGbh8/nQZDKB3++nCCFICMHV049SqcSbb74ZNlrrLmonuqqqCh555BGYmpoCu90OKpUK6uvrIZRxXxMcRASO45KW9QX4uWzE4XCgRqPBqqqqnAMJEXF4eDjhMguO43BgYAA8Hs+K3RGRICKEIEKZTAatra1QWVmZ3my8UqkErVYLWq02Je4qnuk5XDai1+uxpKQkF0BCm80Go6OjCdkNEXFsbAxmZmbWfT8hBGpra6GpqUlUDjPpAIldXaVrCz0YDJKenh5QqVRoMBgwUR++2eAsLi7C1atXEy6zcDqdaDab17U7IQTLysrAYDAARVEEEYFlWaQoKinVkHSywNlonJOovF4v+fHHH6GmpgabmpqyZjbieR5NJlPCZRZ+vx/7+vqu2w9aw2ug0WiEoqIisnqVy/M8ICLKZLINPXz0RsBBxPAlBJs+aOGykebmZgztS2UqSGi1Wtc85SnW7oODg+B0Ote1O0VR2NzcDFVVVTGX/TzPI8MwWFZWltBsRCfaiVTGORt4qonZbAalUol6vR5XP3mbDY7dbgeLxZKwm5+cnMSJiYmo4Gzfvh00Gk3MnfzVIMrlcrzttttQqVTGBRIdLzib6a7imN5Jd3c3qNVq1Ov1m54WWV5exoGBAUg0U+7xeNBkMq177IYQgiUlJWA0GkHMXtnU1BSOj49fByLLsmRqagobGhognviIziVwVsvtdpPz589jXV0dhgrf0tp2RMSBgQFwu90JfS/LsuFjN+vaXS6Xo8FgADH3Onm9XjSZTOtuTFIUFXd8FBMgnucxU+KcBAeRTExMQChRmK7TtDgxMQFTU1MJPXCIiENDQ+BwOKK6q6amJqipqSHJAFGpVIZzjyvxUeiirZW0SFwAZWqck6hYliUmk2nlthGFQpGKfuHCwgJYLJa40w8RiwG0Wq1Rwdm6dSvodLqYrjliYzLq5zU2NkJtbS1ZL9COtuyn15t1kr2LnCkK3zZSUVGBGo0GkgESIuLMzAxMTk4mHCAvLS1hX1/fuuARQrCoqAj27t0rKs6x2WxosViiglNZWQliSmfCbi1cNhLp1ui1prt0bQZuppxOJ3E6nVBcXIy1tbVQWVkJMplMrHvDYDAIdrsd7Hb7ho4GcxyHfX19sLS0tO4DS9M0GgwG2LJlS8zv8fl82NfXt+7GJCEECwsLobW1FeK90yBcNiIIQng2uh6gfIFnlcHJ8PAwDA8PAyEElUollpaWAk3TEDrgByzLAsuyEAwGYWlpKWH3tHrWslgsMDc3F3WWqK+vh7q6OiIGxNDGZFQQW1paEirbWL1dAqH7IenImCeRysJcUrgyMlzGmypxHIcXL15cd1lOURSq1WoQc6EXIuLo6CjMzs5GBbGurg7q6uqStqXB8zyRyWS/XLIZWrpJ1X9pkNVqXReeUJAPSqUy5lg4HA4cGhpaN+6iKArLyspAr9en5Mw9x3E/z0AURXH5Pvukeaa74W8ymQxbWlqgoqIi5kAvLy/fUBe9FogGgwFSuRuPiCsuzC7NPumTRqMBp9OJHMcRiqKwtrYWdu3aJSr9MDAwANeuXVvXXclkMtTpdLB169aY4ykIAo6OjoLP54OdO3cmFBsRAICvv/7673p6er6Rhjbte1NI07So/ZzJyUmYnJyMGufU1NRAY2OjqDhndV6Noihsa2uDkpIS0RBRFPVLY1599VVBmoUyTy6XC81mc9Q8mEqlAoPBIOqS82h5tdraWtRoNKIYCOXfeumIqc/DcVyZNGSZoUAggP39/bC8vLzu4kahUGBrayuIuawiVjqDEILbtm2Lq42HDx9uWwHolVdeUUuzUEYE2Dg4OAgLCwtR3ZVGo4Hq6moi5vPEpDOam5tB7A/tEEKwoaFhP8Cqneh7771XffbsWRcAEAmk9GtmZgaj1UVTFIXbtm2D5uZmUXFOMtMZkfDU1dX97rHHHvvLShC9WidOnBgLBAL1EkTpUawyC0IIFhcXQ2trq6g82NLSEvb390dNZxQVFYHRaBSdzggfD2psbDQePHjw6nWrsLX0xRdf7BwaGrIgolwCKXWrsP7+/qTlwcSmM/R6PcTzk16EEFQoFBNHjhzZteYyPppOnTr17PT09DshfyqBlCRZrVaMlX5oaGiAnTt3iopzrFYr2Gy2mOmM+vr6uMAhhLAdHR07H3jgAfu6+0Bi9M4773zn9XrvkSDauGZnZ3FkZGTdga6oqIDdu3eLSj/Y7XYcHh6Oms4Qm1eLBAcAoK6u7nePP/74n6K+Nt7Ov/baa26e57dIICUuk8mEq2/ZiLfMYnl5Gfv7+6PWWceTV1u1r/Tdc889d7+o1ydigM8//3zfyMjIJQCQSSDFL5fLhSaTaSUkiCcPFk5nuN3udUOKeD4vEhyapl1Hjx6tjKcvGxr8Dz/88LjNZjsqxUeJQTQ3NwdlZWVQXV0tKp0RrrNOVjojwl3xTU1NeyNXV2kBKKy33nqrZ3l5ea8EUepgu3r1atTjy1u2bAG9Xi/6N1vDcU51dfWrhw4d+kOibUvmgJPjx48vCoJQJIGUHIV/TYdhmKSkMyLhKSkp6Tl8+PDNGx70ZHf6s88++1uLxfINSLvZCSuZx5dXg0NRlO/YsWMqiLheOaMACuvkyZMfzs/P/1aCKD6tdWp0NTjxpDMi3BVqNJr7Dxw4cDaZ7U354L7xxhujfr+/QQIpupKdzoh8X3V19clDhw49lYp2p2VQz507t+X777+fQ8QCCaTrlezjy6v2lSwvvvhicyrbn9bBPH369MGxsbFPQ9eu5TVIYsssxKYzIsEhhAQOHjyobmxs9Ke6H5syiO+///5/ut3uh/MVIo7j8MKFC1HTD4mUWRBCsL6+/kC41CId2tQBPHHihC0QCFTlG0hDQ0M4NzdH1nE7cZ8aJYRgRUXFV08//fSv092XTR+4UNmIFRHpfAFpLYASOTUaKrOYO3LkSM1m9SVjBuzUqVMvTU9P/0soPshpkARBwAsXLgDLsiSRU6Mhd8XpdLqmRx55ZGoz+5JxA/X222//sLi4eFc+zEYcx6HY1EPEfg7s2LHjuSeeeOK9TOhDxg6SVDZyIzylpaX/9/zzz/9NRrUrk432+eef3zIyMnIe8rhsJFRmce3o0aPlGdm+bDDiRx999Mbs7Ow/5hNE4TILrVbbsX///isZ285sMuqbb77ZxzCMIZdBiiiz+OOhQ4eOZXx7s9HGx48fXxIEoTDXQArlu/peeOGFfVnT5mw19unTpx8aHR39L8iBspFQmcXysWPHSiFJZRYSQCL1wQcfnHI4HI9nI0QRZRYPHjhw4ExWwp8r03+2naYlhGBVVdXHTz755KGsnj1zKYYIlY3MI6IiU0EKXeQ5/tJLLzXmRNyWiyuZTz/99PHx8fFTAJmTFgmXWdxzzz3b77rrLk/OBP6Qw3rvvff+59q1aw9uJkThMotdu3Y99uijj/4557YdIA/0+uuv21mWrUw3SIQQVKvVf33mmWcezlXb5s3O7pdffqm5evXq1XSUjRBCUC6X219++eXtuW7XvMsvffzxx0dnZmaOpyI+Csc5Op2uebPLLCSAUqx33333jMfjuX+jIIVTDzKZbOnuu+/emUsBsgSQCH3yySe/n56efkUQBKUYmMLAAADI5fKFhoaGX+3fv/98vtpPqrW5cQvgNw6H40We57dxHFeCiDJCyLJCobhWVFTUbTQan823WUaSpJTp/wGFUb5lsi31UwAAAABJRU5ErkJggg==\a");
background-size: 72px auto;
background-repeat: no-repeat;
background-position: center center;
width: 80px;
height: 80px;
}
.maintenance-anim:before {
top: -40px;
animation: maintenance 2s 2s ease-in infinite alternate;
-webkit-animation: maintenance 2s 2s ease-in infinite alternate;
}
.maintenance-anim:after {
top: -80px;
animation: maintenance 2s ease-in infinite alternate;
-webkit-animation: maintenance 2s ease-in infinite alternate;
}
@keyframes maintenance {
from {
opacity: 0.2;
}
to {
opacity: 1;
}
}
@-webkit-keyframes maintenance {
from {
opacity: 0.3;
}
to {
opacity: 1;
}
}
.maintenance-content h1 {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-size: 2rem;
letter-spacing: -2.25px;
}
.maintenance-content p {
color: var(--highlightColor);
}
.contact {
font-size: 1rem;
color: var(--textColor);
margin: 20px 0;
}
.contact a,
.coming-soon a,
#projects a {
background: linear-gradient(to bottom,
var(--highlightColor) 0%,
var(--highlightColor) 100%);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 1px 1px;
color: rgba(7, 6, 0, 0.7);
text-decoration: none;
}
.contact a:hover,
.coming-soon a:hover,
#projects a:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23ff9800' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
background-position: 0 100%;
background-size: auto 4px;
background-repeat: repeat-x;
text-decoration: none;
}
/* CSS borrowed from Michelle Barker -- https://codepen.io/michellebarker/pen/poLoeRq */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
* {
box-sizing: border-box;
}
body {
--h: 212deg;
--l: 43%;
--brandColor: hsl(var(--h), 71%, var(--l));
font-family: Montserrat, sans-serif;
margin: 0;
background-color: whitesmoke;
}
p {
margin: 0;
line-height: 1.6;
}
h2 {
font-size: 1.75rem;
;
}
ol {
list-style: none;
counter-reset: list;
padding: 0;
margin: 0;
}
li {
--stop: calc(100% / var(--length) * var(--i));
--l: 62%;
--l2: 88%;
--h: calc((var(--i) - 1) * (180 / var(--length)));
--c1: hsl(var(--h), 71%, var(--l));
--c2: hsl(var(--h), 71%, var(--l2));
position: relative;
counter-increment: list;
max-width: 45rem;
margin: 2rem auto;
padding: 2rem 1rem 1rem;
box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
border-radius: 0.25rem;
overflow: hidden;
background-color: white;
}
li::before {
content: '';
display: block;
width: 100%;
height: 1rem;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}
h3 {
display: flex;
align-items: baseline;
margin: 0 0 1rem;
color: rgb(70 70 70);
}
@media (min-width: 40em) {
li {
margin: 2rem auto;
padding: 3rem 2rem 2rem;
}
h3 {
font-size: 2.25rem;
margin: 0 0 2rem;
}
h3::before {
margin-right: 1.5rem;
}
}
.links>* {
display: inline-block;
margin: auto 20px auto auto;
}
.links a {
height: auto;
width: auto;
text-decoration: none;
display: inline-block;
}
.links object,
#projects object {
pointer-events: none;
object-fit: contain;
width: 40px;
height: 100%;
}
#projects>.project-wrapper>.repo-button>a {
background: unset;
}
.links .repo-button,
#projects .repo-button {
position: relative;
}
.links .repo-button::after {
content: "Checkout this codebase with all the projects!";
visibility: hidden;
width: 160px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
/* Position the tooltip above the text */
left: 50%;
margin-left: -80px;
/* Center the tooltip */
opacity: 0;
transition: opacity 0.3s;
}
.links .repo-button:hover::after {
visibility: visible;
opacity: 1;
}