html {
width: 100% !important;
height: 100% !important;
padding: 0 0 0 0 !important;
margin: 0 0 0 0 !important;
}

body {
/*background: #fafae0;*/
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
padding: 0 0 0 0 !important;
margin: 0 0 0 0 !important;
z-index: 0 !important;
}

#mouse {
    background: #ffffff;
    position: absolute;
    width: 256px;
    height: 32px;
    border-radius: 16px 16px 16px 16px;
    text-align: center;
    padding-top: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 16px #442244;
    text-shadow: 0px 0px 16px #fff880;
    top: calc(50% - 128px);
    left: calc(50% - 128px);
    right: calc(50% + 128px);
    bottom: calc(50% + 128px);
    color: #88FF00;
    font-weight: 600;
    border: none;
    background: rgba(128, 128, 128, 128);
    opacity: 0.5;
    user-select: none;
}

.panel-body {
    padding: 0 0 0 0 !important;

}
.window-fullscreen > div.panel-body{
    height: calc(100% - 41px) !important;
}

.window-fullscreen {
    height: 100% !important;
}

body > div > div.panel-body {
    /*zoom: 2.5;*/
}

.window {
    display: block;
    position: absolute;
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: #333333;
}

canvas {
    width:100%;
    height: 100% !important;;
    background: linear-gradient(#222288, #222244, #222244);    
    margin: 0 0 0 0 !important;
    image-rendering: pixelated;
}

body > * {
    /*zoom: 4 !important;*/
}