body {
  background-color: hsla(0,0%,20%,70%);
  padding:5px;
  color: #fffff0;
  font-family: times;
  font-size: 14pt;
}
h1 {
  color: #fffff0; 
  font-family: verdana; 
  font-size: 30px;
  text-shadow: -5px 5px hsl(120,100%,10%);
}
h2 {
  color: #fffff0; 
  font-family: verdana; 
  font-size: 25px; 
  text-shadow: -3px 3px hsl(120,100%,10%);
}
h3 {
  color: #fffff0; 
  font-family: verdana; 
  font-size: 20px; 
  text-shadow: -2px 2px hsl(120,100%,10%);
}
h4 {
  color: #fffff0; 
  font-family: verdana; 
  font-size: 15px; 
  text-shadow: -2px 2px hsl(120,100%,10%);
}
p {
  font-family: arial;
  font-size: 12pt;
  text-shadow: -1px 1px hsl(120,100%,10%);
}
.span1 {
  background-color: hsla(0,0%,20%,50%);
}
.span2 {
  background-color: tomato;
}
a {
  color: hsl(120,100%,60%);
  font-family: courier;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 5px 5px;
}
a:link, a:visited {
  background-color: transparent;
  color: hsl(120,100%,30%);
  text-shadow: -2px 2px hsl(120,100%,10%);
}
a:hover, a:active {
  /* background-color: hsl(120,100%,20%); */
  color: hsl(120,100%,60%);
  font-style: italic;
  text-shadow: -3px 3px hsl(120,100%,10%);
}

/*
a:link, a:visited {
  background-color: transparent;
  color: hsl(120,100%,30%);
  text-shadow: -2px 2px hsl(120,100%,10%);
}
a:hover, a:active {
  background-color: hsl(120,100%,20%);
  color: hsl(120,100%,60%);
  font-style: italic;
  text-shadow: -3px 3px hsl(120,100%,10%);
}
*/