body {background-color: lightyellow;}



div {

	background-color: lightyellow; 

	opacity: 1;	

}



div {

	background-color: lightyellow; 

	opacity: 1;	

}



img {

  border: 2px solid #ddd;

  border-radius: 5px;

  padding: 10px;

  width: 300px;

}



img:hover {

  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);

}



.dot {

  height: 20px;

  width: 20px;

  background-color: #bbb;

  border-radius: 60%;

  display: inline-block;

}



h1 {

	color: black;

} 



body {

  color: black;

}



/* unvisited link */

a:link {

  color: blue;

}



/* visited link */

a:visited {

  color: gray;

}



/* mouse over link */

a:hover {

  color: green;

}



/* selected link */

a:active {

  color: red;

}



.p {

  font-family: "Times New Roman", Times, serif;

}


#panel, #flip {
  padding: 3px;
  text-align: center;
  background-color: #ff9100;
  border: solid 3px #9e5a00;
}

#panel {
  padding: 50px;
  display: none;
}

img { border: 0; }