.p8_menu_button{
opacity:0.3;
padding:4px;
display:table;
width:24px;
height:24px;
float:right;
}
@media screen and (min-width:512px) {
.p8_menu_button{
width:24px; margin-left:12px; margin-bottom:8px;
}
}
.p8_menu_button:hover{
opacity:1.0;
cursor:pointer;
}
.p8_menu_button img {
pointer-events: none;
}
canvas{
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
border: 0px;
cursor: none;
}
.p8_start_button{
cursor:pointer;
image-rendering: pixelated;
-repeat: center;
-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
}
.button_gfx{
stroke-width:2;
stroke: #ffffff;
stroke-opacity:0.4;
fill-opacity:0.2;
fill:black;
}
.button_gfx_icon{
stroke-width:3;
stroke: #909090;
stroke-opacity:0.7;
fill:none;
}
body {
padding:0px; margin:0px; background-color:transparent; color:#C2C3C7;
}
#p8_frame_0 {
max-width:800px; max-height:800px; margin:auto;
}
#p8_frame {
display:flex; width:100%; max-width:95vw; height:100vw; max-height:95vh; margin:auto;
}
#p8_menu_buttons_touch {
position:absolute; width:100%; z-index:10; left:0px;
}
.p8_menu_button_left {
float:left; margin-left:10px;
}
.p8_menu_button_right {
float:right; margin-right:10px;
}
#p8_container {
margin:auto; display:table;
}
#p8_start_button {
width:100%; height:100%; display:flex;
}
#p8_start_button img {
margin:auto;
}
#p8_playarea {
display:none; margin:auto; -webkit-user-select:none; -moz-user-select: none; user-select: none; -webkit-touch-callout:none;
}
#touch_controls_background {
pointer-events:none; display:none;
position:fixed; top:0px; left:0px; border:0; width:100vw; height:100vh
}
#canvas_container {
display:flex; position:relative;
}
#p8_menu_buttons {
margin-left:10px;
}
#p8b_controls {
position:absolute; bottom:125px;
}
#p8b_pause {
position:absolute; bottom:90px;
}
#p8b_sound {
position:absolute; bottom:55px;
}
#p8b_full {
position:absolute; bottom:20px;
}
#touch_controls_gfx {
pointer-events:none; display:table; position:fixed; top:0px; left:0px; border:0; width:100vw; height:100vh;
}
#controls_right_panel {
position:absolute; opacity:0.5;
}
#controls_left_panel{
position:absolute;  opacity:0.5;
}
#codo_textarea {
display:none; position:absolute; left:-9999px; height:0px; overflow:hidden;
}