@font-face {
		
font-family: "NokjaOriginalSmallBold";
  src:
    local("NokjaOriginalSmallBold"),
		url("https://snake.argsfrancais.org/NokjaOriginalSmallBold.otf") format("opentype") ;	 
		 
}

  @keyframes vhs {

	 
  17% {
      
    filter: brightness(0.85);
  }
	 26% {

    filter: brightness(0.78);
  }
  32% {

    filter: brightness(0.83);
  }
	  45% {

    filter: brightness(0.79);
  }
  58% {

    filter: brightness(0.84);
  }
	 64% {

    filter: brightness(0.75);
  }
  72% {

    filter: brightness(0.82);
  }
	87% {

    filter: brightness(0.76);
  }
  91% {

    filter: brightness(0.84);
  }	
	 94% {
    filter: brightness(0.78);
  }
  
} 

#fond {  animation: vhs 4s infinite alternate;
       
 
	 background:
#000;
    
} 

body {
   
    
  z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  
  h1 {
       font-family: NokjaOriginalSmallBold, sans-serif;
    color: #b6cba0;
;
    margin-top: 75px;
    margin-bottom: 15px;
  }
  
  #canvas {
width:550px;
height:400px;
border-radius:8px;

        z-index: 1;
    background: 
#b6cba0;


  }
  
  #score {
        font-family: NokjaOriginalSmallBold, sans-serif;
    color: 
#b6cba0;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }