@import url('https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap');

:root {
  font-size: 100%;
  font-family: 'Recursive', monospace;
}

/*https://codepen.io/DonKarlssonSan/pen/XVxrGW*/

.var68 { color: white;
         font-size: 20px;}

.content {
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

body,
html {
  margin: 0;
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #111 10%,
    #333 90%
  );
}

canvas {
  display: block;
  cursor: crosshair;
}

h2 {
  position: absolute;
  bottom: 10px;
  width: 100%;
  letter-spacing: 3px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #aaa;
}