@font-face {
  font-family: otsikkofontti;
  src: url("Momo_Trust_Display/MomoTrustDisplay-Regular.ttf");
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-Regular.ttf");
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: leipis;
  src: url("PT_Sans/PTSans-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
h1, h2 {
  font-family: otsikkofontti, serif; 
  font-weight: normal; /* LIHAVOINTI POIS*/
}
.oikealla {
 float: right;
 margin-left: 20px
 margin-bottom: 30px
}
.vasemalla {
 float: left;
 margin-right: 20px
 margin-bottom: 30px
}
body {
 font-family: leipis, serif;
 background-color: #888;
 background-image: url(background-black.jpg);
 background-attachment: fixed;
 background-size: cover;
}
img {
 border: 4px solid #000000;
 max-width: 100%;
}
div {
 max-width: 800px;
 background-color: #e8e8e8;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
}