html, body{
    background-color: #001f3f;
    margin: 0;
    padding: 0;
}

#window-container{
    /*width: 100%;
    height: 100%;*/
    /*margin: 0;
    padding: 0;*/
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    flex-pack: center;
}

#game-container{
    /*width: 1650px;
    height: 1050px;*/
    /*margin: auto;*/
    padding-top: 20px;
    /*background: #2480d6;*/

}

#board-left {
    width: 30%;
    float: left;
}

#board-right {
    width: 70%;
    float:right;
    text-align: center;
}

img#logo {
    width: 90%;
    display: block;
    margin: 0 auto;
    border: 4px solid black;
}

img#board {
    width: 900px;
    display: block;
    margin: 0 auto;
    height: 900px;
}

table#score-table {
    width: 92%;
    margin: 0 auto;
    text-align: center;
}

#score-table td, #score-table th {
    border: 4px solid black;
   /* padding: 10px;*/
    height: 36px;
    font-weight: bold;
    background: white;
}

table#pieces-table {
    width: 60%;
    margin: 0 auto;
}

#dice-table {
    width: 87%;
    margin: 0 auto;
    height: 100px;
    text-align: center;
    font-weight: bold;
    border: 4px solid black;
    padding: 10px;
    background: white;
}

#dice1 {
    float: left;
    padding-left: 30px;
}

input#dicebutton {
    border: 1px solid black;
    padding: 5px;
    margin: 10px;
    float:right;
}

#pieces-table td {
    padding: 5px 0px 7px 20px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

td#p0{background-color:blue;; padding: 10px;}
td#p1{background-color:darkorange; padding: 10px;}
td#p2{background-color:deeppink; padding: 10px;}
td#p3{background-color:green; padding: 10px;}
td#p4{background-color:gold; padding: 10px;}
td#p5{background-color:brown; padding: 10px;}