/*
   New Perspectives on HTML and CSS
   Tutorial 5
   Case Problem 1

   Sudoku Puzzle Table Style Sheet
   Author: Ricky Garcia
   Date:   10/13/2025

   Filename:         stable.css
   Supporting Files: green.jpg, gold.jpg

*/

.spuzzle {                                      /* for spuzzle Table */
    border-collapse: collapse;
    border: 5px gray;
    font-size: 8px;
    color: gray
      
}
.spuzzle th {                                   /* for table headings in spuzzle Table */
    height: 40px;
}

.subTable{                                      /* for subTable Table */
    border-collapse: collapse;
}

.subTable td {                                  /* for table data cells in the subTable class */
    font-size: 20px;
    color: blue;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
}

.goldBox td{                                    /* for table data cells nested in the greenBox class */
    background-image: url('gold.jpg'); 
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.greenBox td{                                   /* for table data cells nested in the greenBox class */
    background-image: url('green.jpg'); 
    background-position: 50% 50%;
    background-repeat: no-repeat;
}