.container
{
    width:500px;
    margin: 0 auto;
}

.game-container
{
    height:400px;
    margin-top:0px;
    text-align: center;
}

.grid
{
    float:center;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 2px #EEEEEE;
    border:1px solid #CCCCCC;
}
.next-canvas
{
}

.info-container
{
	width:130px;
	float:left;
	height:100%;
}

.hold-container
{
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 2px #EEEEEE;
    text-align: center;
    color: #FF0000;
    font-size:25px;
    border:1px solid #CCCCCC;
    font-weight: bold;
    /*padding:5px;*/
    margin-top: 0px;
    height:100px;

}

.hold-container::before
{
    content: "Hold";
    width:100%;
    float:right;
    color: #BBBBBB;
    font-size:15px;
    font-weight: normal;
}

.controls-container
{
    width:130px;
    float:right;
    height:100%;
}

.next-container
{
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 2px #EEEEEE;
    text-align: center;
    color: #FF0000;
    font-size:25px;
    border:1px solid #CCCCCC;
    font-weight: bold;
    /*padding:5px;*/
    margin-top: 0px;
    height:400px;
}

.next-container::before
{
    content: "Next Piece";
    width:100%;
    float:right;
    color: #BBBBBB;
    font-size:15px;
    font-weight: normal;
}