leemorgan-dev/views/sudoku/index.css

#sudokuStrand{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: monospace;
}

    #sudokuStrand > *{
        margin: 15px;
    }

    input{
        width: 50px;
        border: none;
        font-size: 40px;
        text-align: center;
    }

    table{
        border-collapse: collapse;
        border: 6px solid black;
    }

    th, td {
        border: 1px solid black;
    }

    td:nth-of-type(3n){
        border-right: 6px solid black;
    }

    tr:nth-of-type(3n){
        border-bottom: 6px solid black;
    }

    .button{
        background: none;
        border: 5px solid black;
        box-shadow: 1px 1px 1px black;
        text-decoration: none;
        color: black;
        font-size: 25px;
        padding: 10px;
        cursor: pointer;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: middle;
        font-family: 'IBM Plex Mono', monospace;
        transition: 0.6s;
    }

        .button:hover{
            background: black;
            color: white;
        }