*{
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

html, body
{
    font-family: sans-serif;
    font-size: 14px;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body
{
    min-height: 100%;
    padding: 10px 10px 10px 10px;
}

#root
{
    height: 100%;
    width: 100%;
}

#guessNumberDiv
{
    border: 1px solid;
    padding: 4px 72px 4px 72px;
    vertical-align: top;
}

#guessNumberSpan
{
    font-family: sans-serif;
    font-size: 256px;
}

#drawingCanvasDiv
{
    vertical-align: top;
}

.inlineDiv
{
    display: inline-block;
    vertical-align: top;
}

div
{
    border: 1px solid;
    border-color: #ffefef;
    outline: 0;
}

#controlsDiv
{
    font-family: sans-serif;
    font-size: 14px;
    color: black;
    text-align: left;
    display: inline-block;
    padding: 10px 10px 10px 10px;
}


canvas
{
    cursor: default;
    border: 1px solid;
    border-color: #cccccc;
    outline: 0;
    vertical-align: bottom;
}

canvas.dragging
{
    cursor: crosshair;
}

.sliderGroup
{
    display: block;
    padding: 2px 2px 2px 2px;
}

button
{
    margin-top: 5px;
}