h1 {
  font-family: cursive;
  color: royalblue;
  font-weight: bold;
  font-size: 2.5em;
}

h2 {
  font-family: cursive;
  color: grey;
  font-size: 2em;
}

h3 {
  font-family: cursive;
  color: black;
  font-weight: bold;
  font-size: 1.5em;
}

table {
  border-collapse: collapse;
}

td {
  border: solid black 5px;
  width: 400px;
  height: 400px;
  background-color: blue;
  vertical-align: middle;
  text-align: center;
  font-size: 15em;
  cursor: pointer;
}

img {
  1600px
}

/* The colors */

.one {
  background-color: grey;
}

.two {
  background-color: red;
}

.three {
  background-color: black;
}

.four {
  background-color: yellow;
}


/* The link must be the same color as the background color so that the text is not seen. This way, there will be the effect of a div being the clicking part of the anchor element */

#answer9 {
  text-decoration: none;
  color: grey;
}

#answer9:link {
  color: grey;
}

#answer9:visited {
  color: grey;
}

#answer9:hover {
  color: grey;
}

#answer9:active {
  color:grey; 
}