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

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

@font-face {
font-family: Leipis;
src: url("ComicRelief-italic.ttf");
font-style: italic;
}

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

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


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

/* Tyylikäs ratkaisu: fontiksi joku hieno, itse valittu, tiedostot nimetty ylempänä. */

font-family: Leipis, serif;
background-color: #7db0ac;
background-image: url(lisaapilvia.jpg);

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

/* Linkkien muotoilu: */

a:link {
Color: #9A51F4;
text-decoration: none; /* ALLEVIIVAUS POIS */

}
a:visited {
color: #5B95FF;
}
a:hover {
text-decoration: underline; /* ALLEVIIVAUS JOO */
}
a:active {
color: red;

}