html
{
 height: auto;
 overflow: auto;
}

body
{
 background-image: url('/img/patron2.png');
 background-position: center top;
 height: auto;
 margin: 0;
 padding: 0;
}

canvas{
 box-shadow: 0px 0px 30px black;
}

#game{
 height: 100%;
}

#turn
{
 background-color: black;
 background-image: url('/img/image.png');
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 100%;
 height: 100%;
 left: 0px;
 position: fixed;
 top: 0px;
 width: 100%;
}

@media screen and (orientation: portrait)
{
 #turn{
  display:block;
 }
}

@media screen and (orientation: landscape)
{
 #turn{
  display:none;
 }
}