threes.css

@import url(http://fonts.googleapis.com/css?family=Inconsolata);

body {
    text-align: center;
    font-family: 'Inconsolata', sans-serif;
}

.board {
    font-size: 50px;
    border: 1px solid #000;
    display: inline-block;
}

.board .row {
    height: 50px;
    clear: left;
}

.board .row .cell {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
}

.next-up {
    font-size: 40px;
    clear: left;
    text-align: center;
    margin: 10px 0 0;
}

.next-up span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #000
}

.buttons button {
    font-family: 'Inconsolata', sans-serif;
    padding: 10px 20px;
    font-size: 20px;
    background: #2faadd;
    color: #fff;
    border: 2px solid #222;
    outline: 0;
}

/* Cell Colors: */
.cell-contains-0 {
    color: transparent;
}

.next-up-1,
.cell-contains-1 {
    background: #222;
    color: #fff;
}

.next-up-2,
.cell-contains-2 {
    background: #2faadd;
    color: #fff;
}