html {
  display: inline-block;
  font-size : 20px;
  background-color: black;
  font-family:"Creepster", system-ui;;
  color: white;
}

h1{
  font-size: 40;
  text-align: center;
}

canvas{
  display: inline-block; touch-action: none; background: #000000;
  border: solid orange 5px; position: absolute; margin-top: 15%; margin-left: 25%; ;
}

img{
  display: inline-block

}


.leftimage{
  position: absolute;
  left: 5%; 
  top: 20%;   
  display: flex;
  flex-direction: column;
  gap: 60px;

}

.rightimage{
  position: absolute;
  right: 5%; 
  top: 20%;   
  display: flex;
  flex-direction: column;
  gap: 60px;

}



.leftimage img {
  width: 200px; 
  
}

.rightimage img {
  width: 200px;
  height: auto 
  
}

.desc {
  text-align: center;
}