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
font-face {
font-weight: normal;
font-tyle: normal;
}
:root {
overscroll-behavior-y: none;
}
body {
margin: 0;
background-color: #333;
}
* {
font-family: sans-serif;
box-sizing: border-box;
border-collapse: collapse;
}
a {
color: inherit;
text-decoration: none;
}
a:focus {
outline: .2em solid #43a047;
}
.container {
margin: 0 auto;
max-width: 1000px;
}
.offline {
margin: calc(50vh - 120px) auto;
width: 120px;
height: 120px;
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.8 22.6 17.15 20H6.5q-2.3 0-3.9-1.6T1 14.5q0-1.92 1.19-3.42 1.19-1.51 3.06-1.93.08-.2.15-.39.1-.19.15-.41L1.4 4.2l1.4-1.4 18.4 18.4M6.5 18h8.65L7.1 9.95q-.05.28-.07.55-.03.23-.03.5h-.5q-1.45 0-2.47 1.03Q3 13.05 3 14.5T4.03 17q1.02 1 2.47 1m15.1.75-1.45-1.4q.43-.35.64-.81T21 15.5q0-1.05-.73-1.77-.72-.73-1.77-.73H17v-2q0-2.07-1.46-3.54Q14.08 6 12 6q-.67 0-1.3.16-.63.17-1.2.52L8.05 5.23q.88-.6 1.86-.92Q10.9 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5 1.14 1.28 1.14 3 0 1-.37 1.81-.38.84-1.03 1.44m-6.77-6.72" fill="gray"/></svg>');
}
.invisible {
visibility: hidden !important;
}
.hidden {
display: none !important;
}
.flipped {
transform-origin: center center;
transform: rotate(180deg);
}
.center {
margin: auto;
}
.spinner {
margin: calc(50vh - 120px) auto;
border: 5px solid rgba(255, 255, 255, .4);
border-top: 5px solid white;
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
.spinning {
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}