.workSample{
    /*width: 10%;*/
    /*border: 30px double black;*/
}
body{
  background-color: #607D8B;
  /* text-align: center; */
}
/*
Using a "#" indicates the style should be attached to a specific DOM id.
Using a "." indicates the style should be attached to DOM that has this class.
Using neither affects all matching tags.

Example:
 #table_id{
  background-color:blue;
 }
 .table_id{
  background-color:green;
 }
 table {
 background-color:yellow;
 }
 img { border: 5px double red; }
*/

 .table1 {width: 850px;background-color: rgb(199, 222, 239);}
 .table1 tr th { text-decoration:underline;  }
 .table1 th { border: 1px solid black; background-color:lightskyblue; }
 .table1 td {border: 1px solid black;}

 .table1 td:nth-child(1) { width:60%; }
 .table1 td:nth-child(2) { width:40%; }

 .table1 td:nth-child(2) img { width:100%; }