html {
  background-color: lightcyan;
}

body {
  background-color: lightcyan;
}

h1 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 200%;
}

h2 {
  text-align: center;
  font-size: 150%;
}

p {
  text-align: center;
  background-color: lightgray;
  color: lightgray;
  padding: 8px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  
}

caption {
  caption-side: bottom;
}

td {
    font-family:monospace;
    text-align: center;
    vertical-align: center;
    background-color: cornflowerblue;
    font-size: 200%;
    height: 256px;
    width: 256px;
}

image {
  width: 32px;
}

table {
  margin-left: auto;
  margin-right: auto;
  align-content: center;
  background-color: lightcyan;
  border-collapse: separate;
  padding: 1px;
}


#R1C1 {
    background-color: #ff7f00;
    background-image: url(biohazard-128.png);
    background-repeat: no-repeat;
    background-position: center center;
    
}

#R1C1:target {
  background-image: none;
}

#R1C1:hover {
    background-color: lightcyan;
}



#R1C2 {
    background-color: #ffff00;
    background-image: url(radiation-128.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#R1C2:target {
  background-image: none;
}

#R1C2:hover {
    background-color: lightcyan;
}

#R1C3 {
    background-color: #ffffff;
    background-image: url(yin-yang-128.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#R1C3:target {
  background-image: none;
}

#R1C3:hover {
    background-color: lightcyan;
}

transition {
  transition-timing-function: ease-out;
  transition: transparent:linear;
  transition-duration: 3s;
}

p:hover {
  background-color: transparent;
  color: black;
}

a {
    color: black;
    font-size: 125%;
    background-color: white;
    font-style: bold;
    text-decoration: none;
}


a:hover {
  color: blue;
}

a:active {
  color: green;
}

a:visited  {
  color: red;
}