/* --- Body background & fonts --- */
body {
  background-color: yellow;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  text-align: center;
}

/* --- Header styling --- */
h1 {
  background-color: #c9002c;   /* Miami red */
  color: white;
  padding: 15px;
  margin: 20px auto;
  width: 70%;
  border-radius: 8px;
}

/* --- Basic 3x3 table --- */
.simpleTable {
  margin: 20px auto;
  border-collapse: collapse;
}

.simpleTable td {
  border: 2px solid blue;
  padding: 15px;
  width: 60px;
  height: 40px;
  background-color: #dbe9ff;
}

/* --- Second table (links & images) --- */
.linkTable {
  margin: 30px auto;
  border-collapse: collapse;
  width: 90%;
  background-color: #e7f3ff;
}

.linkTable th,
.linkTable td {
  border: 2px solid blue;
  padding: 10px;
}

.linkTable th {
  background-color: #b3d1ff;
}

.linkTable a {
  text-decoration: none;
  color: #003399;
  font-weight: bold;
}

.linkTable a:hover {
  color: #c9002c;
}

.linkTable img {
  display: block;
  margin: auto;
}

/* --- Footer --- */
footer {
  margin-top: 40px;
  color: #333;
}
