@font-face {
font-family: Leipis;
src: url("Ubuntu-Regular.ttf");
}

@font-face {
font-family: Lihavoitu;
src: url("Ubuntu-Bold.ttf");
}

@font-face {
font-family: kursivoitu;
src: url("Ubuntu-Italic.ttf");
}

@font-face {
font-family: Otsikkofontti;
src: url("Amarante-Regular.ttf");
}

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

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(pulu_iso.jpg);}
h1 {
color: #9bc41f;
font-size:300%;}

img {
border: 4px solid #9bc41f;
max-width: 100%;}
div{
max-width: 800px;
background-color: white;
margin-left: auto;
margin-right: auto;
padding: 20px;}

.erityinen 
{color: #e0e3c8;
background-color: #115921;}

/* Linkkien muotoilu:*/

a:link {
color: #8751c4;
text-decoration: none; /* ALLEVIIVAUS POIS*/}
a:visited {
color: #ff9494;}
a:hover {
text-decoration: underline; /* ALLEVIIVAUS JOO*/
}
a:active {
color: #c4c700;}