body {background-color: violet;}



div {

	background-color: purple; 

	opacity: 1;	

}



div {

	background-color: purple; 

	opacity: 1;	

}



img {

  border: 1px solid #ddd;

  border-radius: 4px;

  padding: 5px;

  width: 300px;

}

img:hover {

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

}

div {

	background-color: violet; 

	opacity: 0.5;	

}



div {

	background-color: purple; 

	opacity: 0.5;	

}



.dot {

  height: 20px;

  width: 20px;

  background-color: #bbb;

  border-radius: 60%;

  display: inline-block;

}

/* unvisited link */

a:link {

  color: black;

}



/* visited link */

a:visited {

  color: gray;

}



/* mouse over link */

a:hover {

  color: yellow;

}



/* selected link */

a:active {

  color: red;

}