body {
background-color: yellow;
font-family: Arial, sans-serif;
font-style: normal;
}

h1 {
background-color: lightblue;
padding: 10px;
margin: 20px;
text-align: center;
}

table {
border-collapse: collapse;
margin-bottom: 20px;
}

/* 3x3 table */
.smallTable {
background-color: lightgreen;   /* <-- add this */
}

.smallTable, .smallTable th, .smallTable td {
border: 2px solid blue;
}

/* 3x5 table */
.bigTable, .bigTable th, .bigTable td {
border: 1px solid black;
}

th, td {
padding: 10px;
text-align: center;
}

a {
text-decoration: none;
color: blue;
}

a:hover {
text-decoration: underline;
}