@font-face {
	font-family: Leipis;
	src: url("IBM_Plex_Serif/IBMPlexSerif-Regular.ttf");
}
@font-face {
	font-family: Leipis;
	src: url("IBM_Plex_Serif/IBMPlexSerif-Regular.ttf");
	font-weight: bold;
}
@font-face {
	font-family: Leipis;
	src: url("IBM_Plex_Serif/IBMPlexSerif-Regular.ttf");
	font-style: italic;
}
@font-face {
	font-family: Otsikkofontti;
	src: url("Comic_Neue/ComicNeue-Regular.ttf");
}

h1, h2 {
	font-family: Otsikkofontti, sans-serif;
	font-weight: normal;}
h2 {
	color: #415438;	
	font-size: 180%;}


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(maisema2.jpg);}

h1 {
	color: #415438;
	font-size: 250%;}

img {
	border: 4px solid #b882ff;}

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

.erityinen {
	color: #344a37;
	background-color: #b1c7b4;}

/* Linkkien muotoilu: */

a:link {
	color: #6e915d;
	text-decoration: none; /*ALLEVIIVAUS POIS*/}
a:visited {
	color: #3e801f;}
a:hover {
	text-decoration: underline; /* ALLEVIIVAUS JOO */}
a:active {
	colot: red;}