sudoku-container {
    border: white solid 3px;
    display: inline-block;
    margin: 0;
}

sudoku-row {
    border: white solid 2px;
    display: inline-block;
    width: 100%;
}

sudoku-letter {
    border: white solid 1px;
    display: inline-block;
    padding: 2px 16px;
    margin: 0;
}

/*

All of the sudoku letters used for a sudoku!!!

Combine these classes to make corner pieces:
<sudoku-letter class='u r'>1</sudoku-letter>

*/

/* Sudoku letter up */
sudoku-letter.u {
    border-top-width: 3px;
}

/* Sudoku letter down */
sudoku-letter.d {
    border-bottom-width: 3px;
}

/* Sudoku letter left */
sudoku-letter.l {
    border-left-width: 3px;
}

/* Sudoku letter right */
sudoku-letter.r {
    border-right-width: 3px;
}