/* Place your CSS styles in this file */


.p1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: black;
	text-shadow: 2px 2px 5px white;
	align-content: center
}

.p2 {
	font-size: 14px;
	font-family: "Lucid  a Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: antiquewhite;
	text-shadow: 2px 2px black;
	align-content: center
}

.p3 {
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: red;
	align-content: center
}

.p4 {
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: red;
	align-content: flex-start
}




.test:hover {
	font-size: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: antiquewhite;
	text-shadow: 2px 2px black;
	align-content: center
	
}
.test2:hover {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: black;
	text-shadow: 2px 2px 5px white;
	align-content: center
	
}

li{
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: white;
	text-shadow: 2px 2px black;
	align-content: center
}

/* unvisited link */
a:link {
  background-color: white;
  color: palevioletred;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block
	  
}

/* visited link */
a:visited {
  color: red;
	 padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block
}

/* mouse over link */
a:hover {
  color: blue;
	 padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block
}

/* selected link */
a:active {
  color: blue;
	 padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block
}