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
|
:root {
--white-smoke: #f5f5f5;
--paynes-gray: #40404f;
--lavender-grey: #c4c3d0;
}
@font-face {
font-family: "Pixeloid";
src: url("/static/pixeloid-sans-bold.ttf");
font-weight: 700;
}
h1 {
letter-spacing: "1.5rem";
font-family: "Pixeloid";
font-weight: 700;
}
html {
min-height: 100%;
}
body {
background: linear-gradient(
56deg,
rgba(25, 16, 47, 1) 6%,
rgba(5, 5, 21, 1) 49%,
rgba(10, 16, 49, 1) 87%
);
font-family: monospace;
}
.space-intro::part(base) {
background: var(--paynes-gray);
color: white;
border: 0;
}
.space-card {
border-radius: 0;
}
.space-card::part(header) {
background: var(--white-smoke);
font-family: monospace;
border-radius: 0;
}
.space-card::part(footer) {
background: var(--white-smoke);
}
@media (max-width: 800px) {
.to-column {
flex-direction: column-reverse;
}
}
.space {
z-index: -1;
position: fixed;
top: 50%;
left: 50%;
height: 1px;
width: 1px;
background: linear-gradient(
56deg,
rgba(25, 16, 47, 1) 6%,
rgba(5, 5, 21, 1) 49%,
rgba(10, 16, 49, 1) 87%
);
box-shadow:
49vw -5vh 2px 2px #fff,
-19vw -18vh 1px 0px #fff,
36vw 2vh 0px 1px #fff,
-28vw 13vh 3px 2px #fff,
35vw 37vh 2px 1px #fff,
10vw -17vh 3px 0px #fff,
-42vw -37vh 1px 3px #fff,
-10vw -24vh 0px 3px #fff,
-22vw -7vh 2px 1px #fff,
30vw 8vh 2px 2px #fff,
24vw 9vh 1px 3px #fff,
28vw -43vh 3px 2px #fff,
28vw 5vh 2px 0px #fff,
38vw 19vh 0px 1px #fff,
19vw -9vh 2px 3px #fff,
37vw 48vh 2px 0px #fff,
-23vw -10vh 0px 3px #fff,
37vw -40vh 1px 2px #fff,
-43vw -43vh 3px 2px #fff,
-26vw -50vh 0px 0px #fff,
-40vw -2vh 0px 3px #fff,
1vw -34vh 2px 0px #fff,
-45vw -19vh 3px 1px #fff,
31vw 33vh 2px 3px #fff,
32vw 12vh 2px 0px #fff,
43vw 31vh 1px 2px #fff,
29vw 33vh 3px 0px #fff,
-11vw 26vh 0px 3px #fff,
-40vw 24vh 1px 3px #fff,
21vw 20vh 2px 1px #fff,
-18vw 6vh 1px 1px #fff,
-27vw 18vh 1px 0px #fff,
30vw -12vh 2px 1px #fff,
-50vw -16vh 2px 0px #fff,
-9vw 37vh 0px 0px #fff,
-29vw -11vh 1px 3px #fff,
26vw -44vh 3px 3px #fff,
-3vw 18vh 3px 1px #fff,
-37vw -13vh 2px 2px #fff,
26vw 49vh 0px 3px #fff,
32vw 23vh 3px 3px #fff,
-38vw -25vh 0px 2px #fff,
-28vw -4vh 3px 0px #fff,
14vw 12vh 0px 0px #fff,
12vw -28vh 3px 1px #fff,
-8vw 9vh 2px 1px #fff,
-5vw -21vh 3px 1px #fff,
6vw -16vh 3px 3px #fff,
-45vw -3vh 3px 3px #fff,
-46vw 28vh 1px 1px #fff,
18vw 34vh 0px 3px #fff,
38vw 0vh 1px 0px #fff,
35vw 8vh 0px 3px #fff,
-21vw 49vh 2px 2px #fff,
-45vw 33vh 0px 3px #fff,
-32vw -3vh 0px 3px #fff,
10vw -49vh 3px 1px #fff,
37vw 21vh 2px 0px #fff,
37vw 41vh 3px 2px #fff,
23vw -17vh 3px 0px #fff,
-45vw -8vh 0px 1px #fff,
17vw 32vh 0px 1px #fff,
-6vw -27vh 0px 3px #fff,
-40vw 49vh 0px 0px #fff,
47vw 3vh 1px 2px #fff,
13vw 27vh 2px 2px #fff,
-43vw 8vh 0px 0px #fff,
11vw -31vh 0px 0px #fff,
-23vw 36vh 3px 2px #fff,
36vw 28vh 2px 2px #fff,
10vw 27vh 0px 1px #fff,
-7vw -4vh 2px 1px #fff,
-33vw 31vh 2px 2px #fff,
-15vw -46vh 0px 3px #fff,
49vw 33vh 0px 2px #fff,
-12vw 5vh 0px 1px #fff,
50vw -41vh 1px 3px #fff,
-4vw -39vh 2px 0px #fff,
-26vw -35vh 3px 1px #fff,
-10vw 6vh 1px 0px #fff,
22vw 0vh 2px 0px #fff,
-12vw -42vh 1px 1px #fff,
-31vw 42vh 3px 0px #fff,
7vw 29vh 1px 1px #fff,
18vw 16vh 3px 0px #fff,
-7vw 16vh 2px 0px #fff,
-35vw -47vh 1px 2px #fff,
-16vw -20vh 2px 2px #fff,
35vw -9vh 3px 2px #fff,
2vw -31vh 3px 0px #fff,
7vw -27vh 0px 2px #fff,
-16vw -42vh 1px 3px #fff,
-8vw 26vh 3px 2px #fff,
50vw 16vh 3px 0px #fff,
50vw 10vh 2px 3px #fff,
24vw 21vh 2px 2px #fff,
40vw -27vh 1px 2px #fff,
25vw 35vh 2px 0px #fff,
-30vw -29vh 2px 1px #fff,
7vw 29vh 0px 2px #fff;
animation: zoom 40s alternate infinite;
}
@keyframes zoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.5);
}
}
.mention {
display: none;
}
|