.container
{
    display: flex;
    width: 900px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: top;
    zoom: 0.78;
}

.snakeCanvas,
.tetrisCanvas,
.tetrisPreviewCanvas
{
    border: solid 3px #aaa;
}

.tetrisCanvas
{
    zoom: 1.315;
    border: solid 2px #aaa;
}

.tetrisPreviewCanvas
{
    vertical-align: top;
    display: none;
}

.tetrisScore,
.snakeScore
{

}

.theScore
{
    display: flex;
    justify-content: space-between;
    color: #777;
}

.theScore p
{
    display: inline;
}

.controls
{
    text-align: center;
}

.highscores-container
{
    width: 900px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    display: none;
}

.highscores-container-2
{
    width: 350px;
}

.highscores
{
    padding: 0;
    width: 100%;
}

.highscores li
{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.date
{
    font-size: 15px;
}

#counterwrap
{
    display: none;
}

.instructions
{
    width: 500px;
}

.score
{
    display: none;
}

.lastScore
{
    color: #aaa;
}

.theScore,
.lastScore
{
    font-size: 20px;
    font-weight: bold;
}