@font-face {
 font-family: Leipis;
 src: url("fontit/PT_Sans/PTSans-Regular.ttf");
}
@font-face {
 font-family: Leipis;
 src: url("fontit/PT_Sans/PTSans-Bold.ttf");
 font-weight: bold;
}
@font-face {
 font-family: Leipis;
 src: url("fontit/PT_Sans/PTSans-italic.ttf");
 font-style: italic;
}
@font-face {
  font-family: Otsikkofontti;
  src: url("UnifrakturMaguntia/UnifrakturMaguntia-Regular.ttf");
}

h2 {
  font-size: 150%;
}

body {
/* Helpoin ratkaisu: fontiksi Arial, jos löytyy, muuten mikä tahansa pääteviivaton. */

/* Tyylikäs ratkaisu: fontiksi joku hieno itse valittu, tiedostot nimetty ylempänä. */
font-family:Leipis;
 background-color: #2791B7;
 background-image: url(baby_hachiware.jpg);
}
h1,h2{
font-family:Otsikkofontti;
font-weight:normal;
}

h1 {
 color: #80684a;
 font-size: 300%;
}
img {
 border: 4px solid #80684a;
 max-width: 100%;
}
div {
 max-width: 800px; 	
 background-color: white;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
}
.erityinen {
 color: white;
 background-color: blue; 
}

/*linkkien muotoilu: */

a:link{
  color: ##C8DCE1
  text-decoration: none;  /* ALLEVIIVAUS JOO */
}
a:visited {
  color: #628B99
}
a:hover {
  text-decoration: none; /* ALLEVIIVAUS POIS*/
}
a:active {
  color:
}