body {background-color: violet;}


div {

	background-color: purple; 

	opacity: 0.2;	

}


div {

	background-color: purple; 

	opacity: 0.2;	

}


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.2;	

}



div {

	background-color: purple; 

	opacity: 0.2;	

}



.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;

}

/* from W3Schools.com */

div.relative {
  position: relative;
  left: 25px;
  border: 0px;
}

div.fixed {
  position: fixed;
  bottom: 680px;
  right: 23px;
  width: 400px;
  border: 0px;
}

div.absolute {
  position: absolute;
  top: 270px;
  right: 25px;
  width: 400px;
  height: 450px;
  border: 0px;
}

/* from W3Schools for the Z-Index */

img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}