@font-face {
  font-family: leipis;
  src: url("Lato/Lato-Regular.ttf");
}
@font-face {
  font-family: leipis;
  src: url("Lato/Lato-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: leipis;
  src: url("Lato/Lato-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: otsikkofontti;
  src: url("Tilt_Warp/TiltWarp-Regular-VariableFont_XROT,YROT.ttf");
}

h1, h2 {
  font-family: otsikkofontti, serif; 
  font-weight: normal; /* LIHAVOINTI POIS*/
}

body {
 font-family: leipis, serif;
 background-color: #888;
 background-image: url(money.jpg);
}
h1 {
color: #800020;
font-size: 300%;
}
img {
 border: 4px solid #949494;
 max-width: 100%;
}
div {
 max-width: 800px;
 background-color: white;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
}
h2 {
color: #ad173a;
font-size 200%;
}
.erityinen {
 color: #800020;
 background-color: #ffabc0;
}

/* linkkien muotoilu */

a:link{
 color: #800020;
}
a:visited{
  color: #ff527a;
}
a:hover{
  color: #f22454;
  text-decoration: none; /* ALLEVIIVAUS POIS*/
}
a:activate{
  color: #750d25;
}