/*Below are the body colors and div colors for the page's aesthetic*/

body {background-color: lightgreen;}

div {
	background-color: lightgreen; 
	opacity: 1;	
}

div {
	background-color: lightgreen; 
	opacity: 1;	
}

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

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

/*This code renders the five gray dots on the top of the page between the hr elements*/

.dot {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 60%;
  display: inline-block;
}

/*These are the link controls and color-coordinations.*/

/* unvisited link */
a:link {
  color: red;
}
/* 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;
}


  p {
	background-color: lime !important;
  }
  
#pg1 {
	color: crimson;
}

/*@font-face*/

@font-face {
  font-family: 'Send Flowers' ,cursive;
  src: url(SendFlowers-Regular.ttf);
}

div {
  font-family: 'Send Flowers' ,cursive; 
}

/*@font-face*/

@font-face {
  font-family: 'Updock', cursive;
  src: url(Updock-Regular.ttf);
}

div {
 font-family: 'Updock', cursive;
}