@font-face {
 font-family: Leipis;
 src: url("Be_Vietnam_Pro/BeVietnamPro-Regular.ttf");
}
@font-face {
 font-family: Leipis;
 src: url("Be_Vietnam_Pro/BeVietnamPro-Bold.ttf");
 font-weight: bold;
}
@font-face {
 font-family: Leipis;
 src: url("Be_Vietnam_Pro/BeVietnamPro-Italic.ttf");
 font-style: italic;
}
@font-face {
 font-family: Otsikkofontti;
 src: url("Amita/Amita-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ä tahansa pääteviivaton. */
 font-family: Arial, sans-serif; 

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

 background color: #888;
 background-image: url(pelto.jpg);
}
h1 {
 color: #517dc4;
 font-size: 300%;
}
img {
 border: 4px solid #517dc4;
 max-width: 100%; 
}
div {
 max-width: 800px;
 background-color: white;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
}
.erityinen {
 color: #0a2b5e;
 background-color: #bdd6ff;
}

/* Linkkien muotoilu: */

a:link {
 color: #ff3b52; 
 text-decoration: none; /* ALLEVIIVAUS POIS */
}
a:visited {
 color: #b478ff;
}
a:hover{
 text-decoration: underline; /* ALLEVIIVAUS JOO */
}
a:active {
 color: blue;
}