diff --git a/12/IMG/imgbin-radio-wave-gif-graphics-radio-waves-MqU8yhiADykAhFz4qmdpscy6N.jpg b/12/IMG/imgbin-radio-wave-gif-graphics-radio-waves-MqU8yhiADykAhFz4qmdpscy6N.jpg
new file mode 100644
index 0000000..1ed09a7
Binary files /dev/null and b/12/IMG/imgbin-radio-wave-gif-graphics-radio-waves-MqU8yhiADykAhFz4qmdpscy6N.jpg differ
diff --git a/12/blank.html b/12/blank.html
index c89b7fd..8bd2c2c 100644
--- a/12/blank.html
+++ b/12/blank.html
@@ -2,8 +2,29 @@
 <html>
 <head>
   
+  
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+
+ <script src="muisje.js"></script> 
+
+  
   		<style> 
           
+   
+        @font-face {
+    	font-family: 'GapSansBold';
+    	src: url('font/gapsansbold-webfont.eot');
+    	src: url('font/gapsansbold-webfont.eot?#iefix') format('embedded-opentype'),
+        url('font/gapsansbold-webfont.woff2') format('woff2'),
+        url('font/gapsansbold-webfont.woff') format('woff'),
+        url('font/gapsansbold-webfont.ttf') format('truetype'),
+        url('font/gapsansbold-webfont.svg#gap_sansbold') format('svg');
+    	font-weight: normal;
+    	font-style: normal;
+
+		}
+
+         
     	@font-face{
 		font-family:"Pitchoun";
 		src: url("font/pitchoun.ttf") format("truetype"),
@@ -17,19 +38,52 @@
 		src: url("font/Hershey-Noailles-timesb-handles-bold.ttf") format("truetype"),
 		url("http://hershey-noailles.luuse.io/output/timesb-handles-bold/Hershey-Noailles-timesb-handles-bold.ttf") format("truetype");
         }
+          
+          
+          
+        @font-face{
+		font-family:"Roboto Mono";
+		src: url("font/RobotoMono-Regular.ttf") format("truetype"),
+        url("https://fonts.googleapis.com/css?family=Roboto Mono")
+          }
 
           
   		#demo {
-       
     	text-align: center;
         font-size: 70px;
-		color: white;
-		font-family:"Hershey";
-    
-  		}
+        line-height:40px;
+		color: black;
+		font-family:"Roboto Mono";
+        }
   
-        h1 {text-align: center; color: white; font-family:"Pitchoun"; }
+        h1 {
+          text-align: center; 
+          color: black; 
+          line-height: 35px;
+          font-family:"Roboto Mono";
+          font-size: 30px; 
+          }
+          
           
+		h2 {
+          text-align: center; 
+          color: white; 
+          font-family:"GapSansBold";
+          line-height: 70px;
+          font-size: 70px; 
+          text-shadow: 2px 2px 5px Blue;
+          }
+          
+          
+        .muisding {
+  		border: none;
+  		width: 200px;
+		}
+
+		#ding{
+		position:absolute;
+		}
+           
 		</style> 
 
   
@@ -39,12 +93,40 @@
 </head>
 <body>
 
-  
+<img class= "muisding" id="ding" src="https://media.giphy.com/media/ilqOZOSBi7NeEA7N0Q/giphy.gif"/>
 
 <!-- Display the countdown timer in an element -->
-<p id="demo"></p>
 
+
+  
 <script>
+  
+    $(document).mousemove(function(e){
+    $("#ding").stop().animate({left:e.pageX, top:e.pageY});
+	});
+  
+ </script>
+
+
+  <h1>
+	<br>
+	Radio Implicancies #12.4 - 04/06 at 16:00 (UTC+2) 
+    <br>
+	</h1>
+  
+  	<h2>
+	DAMAGE
+	</h2>
+	<br>
+  	<h1>
+    this broadcast will start in
+  	</h1>
+   <p id="demo"></p>
+  
+  
+  
+ <script> 
+  
 // Set the date we're counting down to
 var countDownDate = new Date("Jun 4, 2020 16:00:00").getTime();
 
@@ -63,24 +145,18 @@ var x = setInterval(function() {
   var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
   var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 
-  // Display the result in the element with id="demo"
+	// Display the result in the element with id="demo"
   document.getElementById("demo").innerHTML = days + "d " + hours + "h "
   + minutes + "m " + seconds + "s ";
 
   // If the count down is finished, write some text
   if (distance < 0) {
     clearInterval(x);
-    document.getElementById("demo").innerHTML = "EXPIRED";
+    document.getElementById("demo").innerHTML = "ZERO MINUTES";
   }
 }, 1000);
 </script>
   
   
-  <h1>
-  UNTIL NEXT BROADCAST<br>
-    <br>
-Radio Implicancies #12.4 - 04/06 at 16:00 (UTC+2) 
-  </h1>
-  
   </body>
 </html>
\ No newline at end of file
diff --git a/12/font/GapSansBold.ttf b/12/font/GapSansBold.ttf
new file mode 100644
index 0000000..b0079cd
Binary files /dev/null and b/12/font/GapSansBold.ttf differ
diff --git a/12/font/gapsansbold-webfont.ttf b/12/font/gapsansbold-webfont.ttf
new file mode 100644
index 0000000..c9dd1d9
Binary files /dev/null and b/12/font/gapsansbold-webfont.ttf differ
diff --git a/12/style.css b/12/style.css
index d5ae7ea..f0a2413 100644
--- a/12/style.css
+++ b/12/style.css
@@ -235,7 +235,7 @@ a:hover{
     color: white;
     font-size: 14px;
     overflow-y: auto;
-  	background: blue;
+  	background: SeaShell;
   	margin-top: 20px;
   	margin-bottom: 20px;
 }
