1/* Source: http://codepen.io/bulby97/pen/fcvay */
  2
  3.glitch {
  4  position: relative;
  5  animation: glitch 2s steps(100) infinite;
  6}
  7
  8@keyframes glitch {
  9  0% {
 10    text-shadow: 1px 0 0 red, -1px 0 0 blue;
 11  }
 12  1% {
 13    text-shadow: 1px 0 0 red, -1px 0 0 blue;
 14  }
 15  2% {
 16    text-shadow: 1px 0 0 red, -1px 0 0 blue;
 17  }
 18  3% {
 19    text-shadow: 1px 0 0 red, -1px 0 0 blue;
 20  }
 21  4% {
 22    text-shadow: 1px 0 0 red, -1px 0 0 blue;
 23  }
 24  5% {
 25    text-shadow: -1px 0 0 red, 1px 0 0 blue;
 26  }
 27  6% {
 28    text-shadow: -1px 0 0 red, 1px 0 0 blue;
 29  }
 30  7% {
 31    text-shadow: -1px 0 0 red, 1px 0 0 blue;
 32  }
 33  8% {
 34    text-shadow: -1px 0 0 red, 1px 0 0 blue;
 35  }
 36  9% {
 37    text-shadow: -1px 0 0 red, 1px 0 0 blue;
 38  }
 39  10% {
 40    text-shadow: -1px 0 0 red, 1px 0 0 blue;
 41  }
 42  11% {
 43    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
 44  }
 45  12% {
 46    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
 47  }
 48  13% {
 49    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
 50  }
 51  14% {
 52    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
 53  }
 54  15% {
 55    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
 56  }
 57  16% {
 58    text-shadow: -1px 0 0 red, 1px 0 0 lime;
 59  }
 60  17% {
 61    text-shadow: -1px 0 0 red, 1px 0 0 lime;
 62  }
 63  18% {
 64    text-shadow: -1px 0 0 red, 1px 0 0 lime;
 65  }
 66  19% {
 67    text-shadow: -1px 0 0 red, 1px 0 0 lime;
 68  }
 69  20% {
 70    text-shadow: -1px 0 0 red, 1px 0 0 lime;
 71  }
 72  21% {
 73    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 74  }
 75  22% {
 76    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 77  }
 78  23% {
 79    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 80  }
 81  24% {
 82    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 83  }
 84  25% {
 85    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 86  }
 87  26% {
 88    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 89  }
 90  27% {
 91    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 92  }
 93  28% {
 94    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 95  }
 96  29% {
 97    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
 98  }
 99  30% {
100    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
101  }
102  31% {
103    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
104  }
105  32% {
106    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
107  }
108  33% {
109    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
110  }
111  34% {
112    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
113  }
114  35% {
115    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
116  }
117  36% {
118    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
119  }
120  37% {
121    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
122  }
123  38% {
124    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
125  }
126  39% {
127    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
128  }
129  40% {
130    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
131  }
132  41% {
133    text-shadow: 50px 0 0 blue, -50px 0 0 lime;
134  }
135  42% {
136    text-shadow: 0 0 0 blue, 0 0 0 lime;
137  }
138  43% {
139    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
140  }
141  44% {
142    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
143  }
144  45% {
145    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
146  }
147  46% {
148    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
149  }
150  47% {
151    text-shadow: -1px 0 0 red, 1px 0 0 lime;
152  }
153  48% {
154    text-shadow: -1px 0 0 red, 1px 0 0 lime;
155  }
156  49% {
157    text-shadow: -1px 0 0 red, 1px 0 0 lime;
158  }
159  50% {
160    text-shadow: -1px 0 0 red, 1px 0 0 lime;
161  }
162  51% {
163    text-shadow: 1px 0 0 red, -1px 0 0 blue;
164  }
165  52% {
166    text-shadow: 1px 0 0 red, -1px 0 0 blue;
167  }
168  53% {
169    text-shadow: 1px 0 0 red, -1px 0 0 blue;
170  }
171  54% {
172    text-shadow: 1px 0 0 red, -1px 0 0 blue;
173  }
174  55% {
175    text-shadow: 1px 0 0 red, -1px 0 0 blue;
176  }
177  56% {
178    text-shadow: -1px 0 0 red, 1px 0 0 blue;
179  }
180  57% {
181    text-shadow: -1px 0 0 red, 1px 0 0 blue;
182  }
183  58% {
184    text-shadow: -1px 0 0 red, 1px 0 0 blue;
185  }
186  59% {
187    text-shadow: -1px 0 0 red, 1px 0 0 blue;
188  }
189  60% {
190    text-shadow: -1px 0 0 red, 1px 0 0 blue;
191  }
192  61% {
193    text-shadow: 30px 0 0 red, -30px 0 0 lime;
194  }
195  62% {
196    text-shadow: 0 0 0 red, 0 0 0 lime;
197  }
198  63% {
199    text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
200  }
201  64% {
202    text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
203  }
204  65% {
205    text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
206  }
207  66% {
208    text-shadow: 0.5px 0 0 red, -0.5px 0 0 blue;
209  }
210  67% {
211    text-shadow: -1px 0 0 red, 1px 0 0 blue;
212  }
213  68% {
214    text-shadow: -1px 0 0 red, 1px 0 0 blue;
215  }
216  69% {
217    text-shadow: -1px 0 0 red, 1px 0 0 blue;
218  }
219  70% {
220    text-shadow: -1px 0 0 red, 1px 0 0 blue;
221  }
222  71% {
223    text-shadow: 70px 0 0 red, -70px 0 0 blue;
224  }
225  72% {
226    text-shadow: 0 0 0 red, 0 0 0 blue;
227  }
228  73% {
229    text-shadow: 1px 0 0 red, -1px 0 0 blue;
230  }
231  74% {
232    text-shadow: 1px 0 0 red, -1px 0 0 blue;
233  }
234  75% {
235    text-shadow: 1px 0 0 red, -1px 0 0 blue;
236  }
237  76% {
238    text-shadow: 1px 0 0 red, -1px 0 0 blue;
239  }
240  77% {
241    text-shadow: -1px 0 0 red, 1px 0 0 blue;
242  }
243  78% {
244    text-shadow: -1px 0 0 red, 1px 0 0 blue;
245  }
246  79% {
247    text-shadow: -1px 0 0 red, 1px 0 0 blue;
248  }
249  80% {
250    text-shadow: -1px 0 0 red, 1px 0 0 blue;
251  }
252  81% {
253    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
254  }
255  82% {
256    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
257  }
258  83% {
259    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
260  }
261  84% {
262    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
263  }
264  85% {
265    text-shadow: 0.5px 0 0 red, -0.5px 0 0 lime;
266  }
267  86% {
268    text-shadow: -1px 0 0 red, 1px 0 0 lime;
269  }
270  87% {
271    text-shadow: -1px 0 0 red, 1px 0 0 lime;
272  }
273  88% {
274    text-shadow: -1px 0 0 red, 1px 0 0 lime;
275  }
276  89% {
277    text-shadow: -1px 0 0 red, 1px 0 0 lime;
278  }
279  90% {
280    text-shadow: -1px 0 0 red, 1px 0 0 lime;
281  }
282  91% {
283    text-shadow: 60px 0 0 lime, -60px 0 0 blue;
284  }
285  92% {
286    text-shadow: 0 0 0 lime, 0 0 0 blue;
287  }
288  92% {
289    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
290  }
291  93% {
292    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
293  }
294  94% {
295    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
296  }
297  95% {
298    text-shadow: 0.7px 0 0 blue, -0.7px 0 0 lime;
299  }
300  96% {
301    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
302  }
303  97% {
304    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
305  }
306  98% {
307    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
308  }
309  99% {
310    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
311  }
312  100% {
313    text-shadow: -1px 0 0 blue, 1px 0 0 lime;
314  }
315}
316
317
318/* Custom */
319.go-home {
320    text-align: center;
321}