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

   Sudoku Puzzle Table Style Sheet
   Author: JJ Cales Velez
   Date:  9/21/2025

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

*/
table.spuzzle,
table.subTable {
  border-collapse: collapse;
}


table.spuzzle td {
  border: 5px outset gray;
}


table.spuzzle th {
  font-size: 8px;
  color: gray;
}


table.spuzzle tbody th {
  height: 40px;
}


table.subTable td {
  font-size: 20px;         
  color: blue;                
  width: 40px;                
  height: 40px;              
  text-align: center;         
  vertical-align: middle;    
  border: 1px solid black;    
}


td.goldBox {
  background-image: url("gold.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%; 
}


td.greenBox {
  background-image: url("green.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.goldBox td{
    background-image: url('gold.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
}

.greenBox td{
    background-image: url('green.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
}