/*Comment on my styles*/

body {
background-image: url("../img/tausta.jpg");
background-repeat: repeat-y;
background-image-width: 20px;
}

h1 {
  width: fit-content;
  font-family: verdana;
  font-size: 40px;
  font-style: italic;
  background-color: lightblue
}

p.red{
  font-family: Zen Dots;
  width: 500px;
  font-size:20px;
  border-width: 4px;
  border: 10px double red;
  border-radius: 25px;
  padding: 20px;
  background-color: lightblue;
  opacity: 0.5;

  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
}

p.blue{
  width: 500px;
  font-size:20px;
  border-style: dotted;
  border-color:blue;
  border-width: 4px;

}

/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
  text-decoration: none;
}

/* selected link */
a:active {
  color: blue;
}