diff --git a/index.html b/index.html
index b7b04e9..6877bea 100644
--- a/index.html
+++ b/index.html
@@ -248,20 +248,50 @@
       hyphens: auto;
     }
 
-    @media (prefers-color-scheme: dark) {
-      :root{
-        --sht-background: var(--ctp-macchiato-base);
-        --sht-color: var(--ctp-macchiato-text);
-        --sht-link: var(--ctp-macchiato-blue);
-        --sht-link-followed: var(--ctp-macchiato-lavender);
-        --sht-link-hover: var(--ctp-macchiato-sky);
-        --sht-accent: var(--ctp-macchiato-lavender);
-        --sht-accent-bright: var(--ctp-macchiato-mauve);
-        --sht-selection: var(--ctp-macchiato-surface2);
-        --sht-crust: var(--ctp-macchiato-crust);
-      }
+     @keyframes disco {
+       from {
+         filter: sepia(50%) hue-rotate(0deg) saturate(200%);
+       }
+       to {
+         filter: sepia(50%) hue-rotate(360deg) saturate(200%);
+       }
+     }
+
+     .disco {
+       animation: disco 1s linear infinite;
+     }
+
+     @media (prefers-color-scheme: dark) {
+       :root{
+         --sht-background: var(--ctp-macchiato-base);
+         --sht-color: var(--ctp-macchiato-text);
+         --sht-link: var(--ctp-macchiato-blue);
+         --sht-link-followed: var(--ctp-macchiato-lavender);
+         --sht-link-hover: var(--ctp-macchiato-sky);
+         --sht-accent: var(--ctp-macchiato-lavender);
+         --sht-accent-bright: var(--ctp-macchiato-mauve);
+         --sht-selection: var(--ctp-macchiato-surface2);
+         --sht-crust: var(--ctp-macchiato-crust);
+       }
     }
   </style>
+
+  <script>
+    let status = 0;
+    let code = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
+
+    window.onkeydown = function(key) {
+      if (key.keyCode === code[status]) {
+        status++;
+        if (status === code.length) {
+          status = 0;
+          document.body.classList.add('disco');
+        }
+      } else {
+        status = 0;
+      }
+    };
+  </script>
 </head>
 <body>
   <main>
