html{
font-family:arial;
background-color:black;
color:white;
}


canvas{
  display : block;   
  margin:auto;
  /*margin-top:1em;*/
}


  body {
 
  margin: 0;
  overflow: hidden;
  /*background-color: black;*/
    }
    
  #phaser-app {
    font-family:'Pangolin';
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
  }
    
  canvas {
    width: 100%;
    height: 100%;
  }


/*//////////////////////////////////////////////////////////////////////////////////*/

 
/* pangolin-regular - latin */
@font-face {
  font-family: 'Pangolin';
  font-style: normal;
  font-weight: 400;

  src: local('Pangolin'), local('Pangolin'),
        url('font/HussarBoldWeb.woff') format('woff'), /* Modern Browsers */
         url('font/HussarBoldWeb.otf') format('otf'), /* Modern Browsers */
       url('font/HussarBoldWeb.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/HussarBoldWeb.svg#Pangolin') format('svg'); /* Legacy iOS */
}
  
 









 
 
  /*
canvas{

  margin:auto;
}
  

 
  

body {
  margin: 0;
  overflow: hidden;
  background-color: black;
    }
    
  #phaser-app {
    font-family:'Pangolin';
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
*/