body {background-color: purple;}

div {
	background-color: purple; 
	opacity: 0.5;	
}

div {
	background-color: purple; 
	opacity: 0.5;	
}

img {
  border: 2px solid #ddd;
  border-radius: 5px;
  padding: 1px;
  width: 200px;
}

img:hover {
  box-shadow: 0 0 0px 1px rgba(0, 140, 186, 0.5);
}

.dot {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 60%;
  display: inline-block;
}
/* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: gray;
}

/* mouse over link */
a:hover {
  color: yellow;
}

/* selected link */
a:active {
  color: red;
}

figcaption {
  color: white;
}

body {
	color: white;
}

.colorChoice1 {
  border: 1px outset black;
  background-color: #9D00C4;    
  text-align: center;
}

.colorChoice2 {
  border: 1px outset black;
  background-color: #800ACC;    
  text-align: center;
}

.colorChoice3 {
  border: 1px outset black;
  background-color: #4B00B5;    
  text-align: center;
}

.colorChoice4 {
  border: 1px outset black;
  background-color: #360ACC;    
  text-align: center;
}

.colorChoice5 {
  border: 1px outset black;
  background-color: #0700C4;    
  text-align: center;
}

h2 {
	text-align: center; 
}

body {
	color: white;
}