@font-face {
  font-family: leipat;
  src: url("Spectral/Spectral-Regular.ttf");
}
@font-face {
  font-family: leipat;
  src: url("Spectral/Spectral-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: leipat;
  src: url("Spectral/Spectral-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: otsikkofontti;
  src: url("Vampiro_One/VampiroOne-Regular.ttf");
}

h1, h2 {
  font-family: otsikkofontti, sans-serif;
  font-weight: normal;		/* lihavointi pois */
}
h2 {
  font-size:200%;
}
body {
/* helpoin ratkaisu: fontiksi arial, jos löytyy, muuten mikä vaan pääteviivaton */
  font-family: Arial, sans-serif;

/* tyylikäs ratkaisu fontiksi joku hieno itse valittu, tiedostot nimetty ylempänä */
  font-family: leipat, serif;

  background-color: #888;
  background-image: url(borzoi-3.jpg);
}
div {
  max-width: 800px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
h1 {
  color: #fa6b6b;
  font-size: 210%;
}

img {
  border: 4px solid #fa6b6b;
  max-width: 35%;
  height: auto;
  box-sizing: border-box;
}
h2 {
  color: #fa6b6b;
}
.erillainen {
  color: #fa6b6b;
  background-color: #ebebeb;
}
/* linkkien muodot */

a:link {
  color: #fa6b6b;
}
a:visited {
  color: #e05c5c;
}
a:hover {
  text-decoration: none;	/* alleviivaus pois */
  background-color: #ebebeb;
}
a:active {
  color: #c25959;
}