not_found.html


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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>deep twisty</title>
    <meta name="description" content="official website of deep twisty, a musician, we think">
    <link href="https://deeptwisty.com/style.css" rel="stylesheet" type="text/css" media="all">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <style>
      html body {
        width: 100%;
        height: 100%;
        overflow: clip;
      }
    </style>
  </head>
  <body>
    <div style="height: 100vh; display: flex; flex-direction: column; justify-content: center;">
      <div style="height: 14em; width: 110vw; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: url(https://deeptwisty.com/images/bg_default.png); box-shadow: 0 0 8px 4px black inset; transform: rotate(-3deg) translateX(5vw);">
        <h1 style="margin: 0; text-align: center; width: 100%; font-size: 8em; text-shadow: 4px 4px 4px black; margin-top: -18px;">404</h1>
        <h2 style="margin: 0; text-align: center; width: 100%; font-size: 2em; text-shadow: 2px 2px 2px black; margin-top: -10px;">item not found</h2>
      </div>
    </div>
  </body>

</html>