/* ====== Lab 4 - Part 1 CSS ====== */

table {
  border: 2px solid #333;        /* Table border (done in CSS) */
  border-collapse: collapse;     /* Make borders collapse into single lines */
  width: 80%;
  margin: 2rem auto;             /* Center the table */
  text-align: center;
}

th, td {
  border: 1px solid #666;        /* Inside cell borders */
  padding: 12px;
}

/* Background color cell */
.highlight {
  background-color: lightblue;   /* Requirement: at least one cell has a background color */
}

/* Background image cell */
.bg-image {
  background-image: rel=("me_in_sunglasses.jpg") href="../110assets/css/lab4.css"; /* Requirement: at least one cell has a background image */
  background-size: cover;
  background-position: center;
  color: #fff;                   /* Make text visible on top of image */
}

/* Optional: style the caption */
caption {
  margin-bottom: .5rem;
  font-weight: bold;
}