1 files changed, 102 insertions, 0 deletions
diff --git a/static/hell.css b/static/hell.css
new file mode 100644
index 0000000..572f3d1
--- /dev/null
+++ b/static/hell.css
@@ -0,0 +1,102 @@
+html {
+  background: url("/hell/bg.jpg");
+  background-attachment: fixed;
+  background-size: cover;
+  image-rendering: pixelated;
+}
+
+body {
+  margin: auto 0;
+  max-width: unset;
+  margin-right: auto;
+}
+
+@keyframes fire {
+  0% {
+    text-shadow:
+      0 0 20px #fefcc9,
+      10px -10px 30px #feec85,
+      -20px -20px 40px #ffae34,
+      20px -40px 50px #ec760c,
+      -20px -60px 60px #cd4606,
+      0 -80px 70px #973716,
+      10px -90px 80px #451b0e;
+  }
+  100% {
+    text-shadow:
+      0 0 20px #fefcc9,
+      10px -10px 30px #fefcc9,
+      -20px -20px 40px #feec85,
+      22px -42px 60px #ffae34,
+      -22px -58px 50px #ec760c,
+      0 -82px 80px #cd4606,
+      10px -90px 80px #973716;
+  }
+}
+
+.hellfire {
+  color: var(--orange);
+  animation: fire 1s ease-in-out infinite alternate;
+}
+
+massive-fucking-background-flame {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -999;
+  background-image: url("/hell/smallfire.gif");
+  background-size: auto 128px;
+  opacity: 0.25;
+  --pan: 0 -128px;
+  animation: pan linear 3s infinite;
+}
+
+a {
+  color: black;
+}
+
+#inverted-cross {
+  display: inline-block;
+  rotate: 180deg;
+  transition:
+    rotate 2s,
+    color 0.5s;
+  --glow-color: red;
+  animation: glow 4s linear infinite;
+}
+
+#inverted-cross:hover {
+  rotate: 0deg;
+  --glow-color: white;
+  color: var(--yellow);
+  transition:
+    rotate 2s,
+    color 1s;
+}
+
+.evil {
+  color: black;
+}
+
+.huge {
+  font-size: 8rem;
+}
+
+.struck {
+  opacity: 0.5;
+  position: absolute;
+  left: 0;
+  z-index: -999;
+  user-select: none;
+}
+
+@keyframes pan {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: var(--pan);
+  }
+}