@keyframes animate-glitch {
  0%{
  
  font-variation-settings: "BACK" 0, "ELSH" 700, "RECT" 600, "wght" 400 ;
  }
  100%{
  font-variation-settings: "BACK" 700, "ELSH" 100, "RECT" 600, "wght" 900 ;
  }
  
}

@font-face {
    font-family: Gridlitepevftrial All;
    src: url(gridlitepevftrial-all.ttf);
}

body {
	font-family: Gridlitepevftrial All;
	font-size: 70px;
	line-height: 1.5;
	
	background-color: #11682b;
	color: #2ecc40;

}

header {
  animation: animate-glitch 1s alternate infinite;
  
  position: fixed;
  top: 50%;
  left : 50%;
  text-align: center;
  transform: translate3d(-50%, -50%, 0px);
}

footer {
font-size: 40px;  
  
position: fixed;
left: 50%;
bottom: 60px;
transform: translate3d(-50%, -50%, 0px);
}

canvas {
  z-index: 1;  /* Set a higher z-index to make the canvas visible */
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Disable text cursor (I-beam) and set a default cursor */
body, header, footer, p {
  cursor: none;  /* Hide the cursor on these elements */
}

/* Optionally, you can use a custom cursor */
body {
  cursor: none;  /* Completely remove the cursor */
}