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

   Sudoku Puzzle Table Style Sheet
   Author: Campbell Gilliland
   Date:   03/13/2025

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

*/
/* collapses the borders for the spuzzle and subTable classes */
.spuzzle, .subTable{
   border-collapse: collapse;
}
/* gives a gray outset border of 5px to the data cells in the spuzzle class table */
.spuzzle td{
   border: 5px outset gray;
}
/*changes the font size and color of the table headers in the spuzzle table */
.spuzzle th{
   font-size: 8px;
   color: gray;
}
/* sets the height of the table headers in the table body of the spuzzle table */
.spuzzle tbody th{
   height: 40px;
}
/* Sets the font size and color, width and height, and aligns the text of the 
data cells in the subTable. Gives it a solid, black, 1px border */
.subTable td{
   font-size: 20px;
   color: blue;
   width: 40px;
   height: 40px;
   text-align: center;
   border: 1px solid black;
}
/* sets the background image of the data cells with the class goldBox
 */
.goldBox td{
   background-image: url(gold.jpg);
   background-position-x: 50% ;
   background-position-y: 50%;
   background-repeat: no-repeat;
}
/* sets the background image of the data cells with the class greenBox */
.greenBox td{
   background-image: url(green.jpg);
   background-position-x: 50% ;
   background-position-y: 50%;
   background-repeat: no-repeat;
}