@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(Eagle_Lake/EagleLake-Regular.ttf);
}

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

h2 {
 font-size: 220%;
}

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(resident_evil_5.jpg);
}
h1 {
 color: #d1e7ff;
 font-size: 260%;
}

div {
 max-width: 800px;
 background-color: #507499;
 margin-left: auto;
 margin-right: auto;
 padding: 20px;
}

body {
 font-family: Arial, sans-serif;
 background-color: #378782;
 background-image: url("kissa.jpg");
}
a:link {
 color:#9ce3ff; 
 text-decoration: none; /* ALLEVIIVAUS POIS */
}
a:visited {
 color: #d9f5ff;
}
a:hover{
 text-decoration: underline; /* ALLEVIIVAUS JOO */
}
a:active {
 color: blue;
}