JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>По</title>
       <link rel="stylesheet" type="text/css" href="style.css">
    
    
    <title>Kalcid</title>
  </head>
  <body>
    <h1>Kalcid</h1>
    <h2>
    game
    </h2>
    <p>Игры</p>
    
      <p><a href="/game/game2/gam.html">dasd</a></p>

    <canvas height='320' width='480' id='example'>Обновите браузер</canvas>
    
 <script>
			var example = document.getElementById("example"),
			    ctx     = example.getContext('2d');
			ctx.fillRect(0, 0, example.width, example.height);
		</script>
    
 </body>
</html>

CSS

body {
 background-color: #66CDAA;
}

h1 {text-align: center;
  
font: normal  small-caps 60px/56px serif;
}
h2 {
 
  text-align: center;
  
}
p {
  text-align: center;
  font-size: 20px;
  color: red;
}