#a{
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
}
body{
  overflow: hidden;
  margin:0;
}

@media only screen and (orientation:portrait){
  canvas {  
    visibility: hidden;
  }
  p{
   visibility: visible;
  }
}
@media only screen and (orientation:landscape){
  p {
     display: none;
  }
  canvas{
	visibility: visible;
  }
}