<!DOCTYPE html>
    <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"),
    		 url("http://hershey-noailles.luuse.io/output/pitchoun-dashed-regular/Hershey-Noailles-pitchoun-dashed-regular.ttf")format("truetype");

    		}
              
              
            @font-face{
    		font-family:"Hershey";
    		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 {
    	margin-top: 30px;
      text-align: center;
      font-size: 60px;
      line-height: 30px;
    	color: white;
    	font-family:"Roboto Mono";
      text-shadow: 2px 2px 5px blue;
      }
      
    h1 {
      text-align: center; 
      color: black; 
      line-height: 30px;
      font-family:"Roboto Mono";
      font-size: 30px;
      padding-top: 5px; 
      text-decoration: underline;
      }
              
              
    h2 {
      text-align: center; 
      color: black; 
      line-height: 30px;
      font-family:"Roboto Mono";
      font-size: 24px;
      }

    .about_04 {
      text-align: center; 
      color: black; 
      font-family:"Roboto Mono";
      font-size: 20px;
      margin-left: 180px;
      margin-right: 180px;
      overflow: hidden;
    }
              
              
    .muisding {
      border: none;
      width: 50px;
    }

    #ding{
    		position:absolute;
    }
               
    		</style> 

      
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Clock of the instable Now</title>
    </head>
    <body>

    <img class= "muisding" id="ding" src="https://i.gifer.com/XVo6.gif"/>

    <!-- Display the countdown timer in an element -->


      
    <script>
      
        $(document).mousemove(function(e){
        $("#ding").stop().animate({left:e.pageX, top:e.pageY});
    	});
      
     </script>

    <h1>
    	Radio Implicancies #12.5 
    </h1>
      <div class="about_04"> 11/06 at 16:00 (UTC+2)</div>
    	<br>
    <h2>
      broadcast will start in...
    </h2>
    <p id="demo"></p>
      
      
      
     <script> 
      
    // Set the date we're counting down to
    var countDownDate = new Date("Jun 11, 2020 16:00:00").getTime();

    // Update the count down every 1 second
    var x = setInterval(function() {

      // Get today's date and time
      var now = new Date().getTime();

      // Find the distance between now and the count down date
      var distance = countDownDate - now;

      // Time calculations for days, hours, minutes and seconds
      var days = Math.floor(distance / (1000 * 60 * 60 * 24));
      var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      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"
      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 = "ZERO MINUTES - WE'RE LIVE!!! ";
      }
    }, 1000);
    </script>
      
      
      </body>
    </html>