@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*/
}
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;
}
/* linkkien muotoilu */

a:link{
 color: #800020;
}
a:visited{
  color: #ff527a;
}
a:hover{
  color: #f22454;
  text-decoration: none; /* ALLEVIIVAUS POIS*/
}
a:activate{
  color: #750d25;
}
.kaikki {
 background-color: #fff;
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
}
.header {
 background-color: #f99;
 padding: 30px;
 font-size: 80px;
 color: #fff;
}
.header, .nav, .footer {
 text-allign: center;
}
.nav {
 background-color: #efe;
 padding: 10px;
}

/* navigointilinkit */

.nav a {
 margin: 10px;
 color: #733;
 text-decoration: none;
}

/* muut linkit */

a {}

.main {
 padding: 30px;
 min-height: 500px;
}
.footer {
 background-color: #333;
 color: #fff;
 padding: 30px;
}