diff --git a/index.html b/index.html
index 3a384d5..9c70d27 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <title>Click me!</title>
     <link rel="stylesheet" type="text/css" href="main.css">
   </head>
-  <body>
+  <body id="body">
     <img src="crit.webp" id="critImg">
     <div id="popup">
       <div id="popupText">
diff --git a/index.js b/index.js
index becf118..734df56 100644
--- a/index.js
+++ b/index.js
@@ -11,6 +11,15 @@ function newFart(url) {
     return fart;
 }
 
+function randomColor() {
+  const hexnum = '0123456789ABCDEF';
+  let color = '#';
+  for (var i = 0; i < 6; i++) {
+    color += hexnum[Math.floor(Math.random() * 16)];
+  }
+  return color;
+}
+
 const regularFart = newFart("fart-83471-fixed-regular.flac");
 const critFart    = newFart("fart-4-228244-fixed-crit.flac");
 const bigoneFart  = newFart("fart-paulstretched.flac");
@@ -114,6 +123,9 @@ const eventsTable = [
         onCount: 30,
         action: () => {
             clickMeText.innerText = `it doesn't do anything, but farts`;
+            body.style.background   = randomColor();
+            body.style.color        = randomColor();
+            clickMeText.style.color = randomColor();
             playFart(regularFart, true);
         }
     },
diff --git a/main.css b/main.css
index 5982113..1e902b7 100644
--- a/main.css
+++ b/main.css
@@ -41,6 +41,16 @@ body {
     width: 100px;
     height: 100px;
 }
+
+#clickMe {
+    width: 200px;
+    height: 50px;
+    position: absolute;
+    font-size: 50px;
+    background-image: linear-gradient(to right, rgba(18, 18, 18, 1),  rgba(127,127,127,1), rgba(255, 255, 255, 1));
+    border-radius: 50px;
+}
+
 #popupText {
     display: inline-block;
     white-space: nowrap;
