body {
    margin: 0;
    cursor: url('core/img/cursor/cursor_default.png'), auto;
    font-family: Impact, sans-serif;
    background: linear-gradient(0deg, rgb(140,220,255), rgb(20,120,220));
}

canvas {
    left: 0;
    top: 0;
    position: absolute;
    background: transparent;
    cursor: url('core/img/cursor/cursor_default.png'), auto;
}

.left {
    height: 100%;
    width: calc(100% - 300px);
    float: left;
}

.right {
    height: calc(100% - 50px);
    width: 250px;
    float: left;
    padding: 25px;
    background: url('core/img/menu/menu_top.png') no-repeat top,
                url('core/img/menu/menu_bottom.png') no-repeat bottom,
                url('core/img/menu/menu_middle.png') top;
}

.rightMenuTile {
    margin-top: 20px;
    width: 250px;
    height: 21px;
    padding: 15px 0;
    text-align: center;
    background: url('core/img/menu/menu_title.png');

    color: white;
    font-size: 20px;
}

.rightMenuText {
    margin-top: 20px;
    max-height: 150px;
    width: 220px;
    float: left;
    padding: 13px;
    background: url('core/img/menu/menu_text_top.png') no-repeat top,
                url('core/img/menu/menu_text_bottom.png') no-repeat bottom,
                url('core/img/menu/menu_text_middle.png') top;
}

.canvasBox {
    width: 100%;
    height: calc(100% - 150px);
    float: left;
    background: black;
}

.infoBox {
    width: 100%;
    height: 150px;
    float: left;
    background: url('core/img/menu/menu_down_left.png') no-repeat left,
                url('core/img/menu/menu_down_right.png') no-repeat right,
                url('core/img/menu/menu_down_middle.png') top;
}