/* Styles for the Sudoku.js demo page
*/

body {
    background: #121212;
    color: white;

    padding-top: 60px;
    padding-bottom: 40px;
}

.container-narrow {
    /* Custom, narrow container */
    margin: 0 auto;
    max-width: 600px;
 }

#footer {
    margin-top: 120px;    
}

#sudoku-board {
    border: 2px solid #888;
}

#sudoku-board td {
    padding: 0px;
    margin: 0px;
    border: 1px solid #888;
}

#sudoku-board input.square {
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    width: 63px;
    height: 45px;
    padding: 0px;
    font-size: 40px;
    text-align: center;
    background: #e6e6e6;
    color: #222;
    border: 1px solid #444;
}

#sudoku-board .border-right {
    border-right: 5px solid #000;
}

#sudoku-board .border-bottom {
    border-bottom: 5px solid #000;
}

.green-text {
    color: ForestGreen !important;
}

@media (max-width:768px){

    .container-narrow{
        width:100%;
        max-width:100%;
        padding:10px;
        box-sizing:border-box;
    }

    #sudoku-board input.square{
        width:10vw;
        height:10vw;
        max-width:38px;
        max-height:38px;
        font-size:24px;
    }
}

a {
    color: #00cfff;
  }