💾 Archived View for berserk.red › ~zuyos › index.html captured on 2020-09-24 at 00:43:13.
-=-=-=-=-=-=-
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>r-e-k-k-i</title>
<style>
*,
*:before,
*:after {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Courier New', Courier, monospace;
font-weight: bold;
color: black;
}
body {
background: white;
}
body > div {
display: flex;
justify-content: center;
align-items: center;
position: sticky;
width: 100%;
height: 100%;
top: 0;
}
body > div > div {
width: 486px;
height: 260px;
}
/* */
body > div:nth-child(2) > div > pre:nth-child(3) {
margin-left: 216px;
}
body > div:nth-child(2) > div > pre:nth-child(4) {
margin-left: 194px;
}
body > div:nth-child(2) > div > pre:nth-child(5) {
margin-left: 172px;
}
body > div:nth-child(2) > div > pre:nth-child(6) {
margin-left: 150px;
}
body > div:nth-child(2) > div > pre:nth-child(7) {
margin-left: 128px;
}
body > div:nth-child(2) > div > pre:nth-child(8) {
margin-left: 106px;
}
body > div:nth-child(2) > div > pre:nth-child(9) {
margin-left: 84px;
}
body > div:nth-child(2) > div > pre:nth-child(10) {
margin-left: 62px;
}
body > div:nth-child(2) > div > pre:nth-child(11) {
margin-left: 40px;
}
body > div:nth-child(2) > div > pre:nth-child(12) {
margin-left: 18px;
}
body > div:nth-child(2) > div > pre:nth-child(13) {
margin-left: -4px;
}
/* */
body > div:nth-child(3) > div > pre {
text-align: center;
}
/* */
body > div:nth-child(4) > div > pre:nth-child(3) {
margin-left: 205px;
}
body > div:nth-child(4) > div > pre:nth-child(4) {
margin-left: 227px;
}
body > div:nth-child(4) > div > pre:nth-child(5) {
margin-left: 249px;
}
body > div:nth-child(4) > div > pre:nth-child(6) {
margin-left: 271px;
}
body > div:nth-child(4) > div > pre:nth-child(7) {
margin-left: 293px;
}
body > div:nth-child(4) > div > pre:nth-child(8) {
margin-left: 315px;
}
body > div:nth-child(4) > div > pre:nth-child(9) {
margin-left: 337px;
}
body > div:nth-child(4) > div > pre:nth-child(10) {
margin-left: 359px;
}
body > div:nth-child(4) > div > pre:nth-child(11) {
margin-left: 381px;
}
body > div:nth-child(4) > div > pre:nth-child(12) {
margin-left: 403px;
}
body > div:nth-child(4) > div > pre:nth-child(13) {
margin-left: 425px;
}
pre {
display: block;
font-size: 18px;
height: 20px;
}
</style>
</head>
<body>
<div>
<div>
<pre>|||||||||||||||||||||||||||||||||||||||||||||</pre>
<pre>|||||||||||||||||||||||||||||||||||||||||||||</pre>
</div>
</div>
<div>
<div>
<pre></pre>
<pre></pre>
<pre>|||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
</div>
</div>
<div>
<div>
<pre></pre>
<pre></pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
<pre>|||||</pre>
</div>
</div>
<div>
<div>
<pre></pre>
<pre></pre>
<pre> |||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
<pre>||||||</pre>
</div>
</div>
</body>
</html>