<!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:"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;
  line-height:40px;
  color: black;
  font-family:"Roboto Mono";
        }
  
h1 {
  text-align: center; 
  color: black; 
  line-height: 35px;
  font-family:"Roboto Mono";
  font-size: 30px; 
}
          
h2 {
  text-align: center;
  /*color: black;*/
  font-family: "GapSansBold";
  line-height: 70px;
  font-size: 70px;
  text-shadow: 2px 2px 5px blue;
  -webkit-animation: pulsate 3s ease-out;
  -webkit-animation-iteration-count: infinite; 
}

@-webkit-keyframes pulsate {
    0% { 
      text-shadow: 2px 2px 5px blue;
/*      text-shadow: 2px 2px 5px blue;*/
    }
    50% {
      text-shadow: 2px 2px 5px black;
/*      text-shadow: 0px 15px 0px black;*/ 
        
    }
    100% { 
      text-shadow: 2px 2px 5px blue;
/*      text-shadow: 2px 2px 5px blue;*/
    }
  } 

p{
  text-align: center; 
  color: black; 
  font-family:Roboto Mono;
  font-size: 15px;
}

    </style> 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Resources_04</title>
</head>
<body>

   <br>
   <br>
   <br>
   <br>
   <br>
   <br>
   <p>

  </p>
    <h2>
  DAMAGE
  </h2>
  <p class="text">
  </p>
  

  
  
  </body>
</html>