html, body
{
    position:fixed;
    width:100%;
    height:100%
}



#game
{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-select:none;
    -webkit-touch-callout:none;
    background-color:#fff
}

#pn_gameContainer
{
    position:absolute;
    overflow:hidden;
    width:100vw;
    height:56.3vw;
    max-width:177.6vh;
    max-height:100vh;
    margin:auto;
    right:0;
    left:0;
    top:0;
    bottom:0
}

body
{
    margin:0 !important;
    background-color:#fff
}

@font-face
{
    font-family:'Brandon_reg';
    src:url('../fonts/Brandon_reg.eot');
    src:local('☺'),url('../fonts/Brandon_reg.woff') format('woff'),url('../fonts/Brandon_reg.ttf') format('truetype'),url('../fonts/Brandon_reg.svg') format('svg')
}

@font-face
{
    font-family:'Brandon_thin';
    src:url('../fonts/Brandon_thin.eot');
    src:local('☺'),url('../fonts/Brandon_thin.woff') format('woff'),url('../fonts/Brandon_thin.ttf') format('truetype'),url('../fonts/Brandon_thin.svg') format('svg')
}

@font-face
{
    font-family:'Brandon_bld';
    src:url('../fonts/Brandon_bld.eot');
    src:local('☺'),url('../fonts/Brandon_bld.woff') format('woff'),url('../fonts/Brandon_bld.ttf') format('truetype'),url('../fonts/Brandon_bld.svg') format('svg')
}

@font-face
{
    font-family:'Cursive_bld';
    src:url('../fonts/Cursive_standard_bold.eot');
    src:local('☺'),url('../fonts/Cursive_standard_bold.woff') format('woff'),url('../fonts/Cursive_standard_bold.ttf') format('truetype'),url('../fonts/Cursive_standard_bold.svg') format('svg')
}

@font-face
{
    font-family:'Cursive_std';
    src:url('../fonts/Cursive_standard.eot');
    src:local('☺'),url('../fonts/Cursive_standard.woff') format('woff'),url('../fonts/Cursive_standard.ttf') format('truetype'),url('../fonts/Cursive_standard.svg') format('svg')
}

#consigne
{
    font-family:'Brandon_reg';
    font-size:18px;
    color:#4e57a2;
    width:500px
}

#mainText
{
    font-family:'Brandon_reg';
    font-size:18px;
    color:#4e57a2;
    width:500px;
	
	height:0px;
    overflow:visible;
    pointer-events:none;
    background:none !important;
	
	
}
#mainText > span
{
	pointer-events: none;
}


.slot
{
	pointer-events: all;
	background-color: purple;
	opacity: 0;
	margin-right: 10px;
   
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}