<style>
#phaser-example {
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 98%;    
background-repeat: no-repeat;
background-position: center;
z-index: 999;
display: none;
}

html, body {
width: 100%;
height: 97%;
}

@font-face {
    font-family: robotoregular;
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
</style>