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

@font-face {
font-family: Leipis;
src: url("PT_Serif/PTSerif-Bold.ttf");
font-weight: bold;
}

@font-face {
font-family: Leipis;
src: url("PT_Serif/PTSerif-Italic.ttf");
font-style: italic;
}

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

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

body {
/*Helpoin ratkaisu: fonteiksi joku hieno itse valittu, tiedostot nimetty ylempänä. */
font-family: Arial, sans-serif;
/*Tyylikäs ratkaisu: fontiksi joku hieno itse valittu, tiedostot nimetty ylempänä. */
font-family: Leipis, serif;
background-color:#CBB2DD;
background-image: url(kukka.jpg);
}
h1 {
color: #8F4ABD;
font-size:300%;
}
img {
border: 4px solid #8F4ABD;
max-width: 100%;
}
div{
max-width:800px;
background-color:white;
margin-left:auto;
margin-right:auto;
padding: 20px;
}
.erityinen {
color: #0202C9;
background-color:#DEABEE;
}

/* Linkkien muotoilu: */

a:link {
color: #8A68CC;
text-decoration: none; /* ALLEVIIVAUS POIS */
}
a:visited {
color: #36CCCC;
}
a:hover {
text-decoration: underline; /* ALLEVIIVAUS JOO */
}
a:active {
color: #C32FEC;
}