@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("Nothing_You_Could_Do/NothingYouCouldDo-Regular.ttf");
}

h1, h2 {
	font-family: Otsikkofontti, sans-serif;
	font-weight: normal;
}

h2 {
	font-size: 150%;
}

body {
/*Helpoin ratkaisu: fontiksi Arial, jos löytyy, mutta mikä tahansa pääteviivaton.*/
	Font-family: Arial, sans-serif;

/*Tyylikäs ratkaisu: fontiksi jokin hieno itse valittu, tiedostot nimetty ylempänä.*/
	font-family: Leipis, serif;

	background-color: #ff00a2 ;
	background-image: url("pelto.jpg");
}
h1 {
	color: #ff00a2;
	font-size:300%;
}



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

.erityinen {
	color:#ff00a2;
	background-color:#96ffea;

}

/* Linkkien muotoilu */

a:link{
	color: #ff00a3;
	text-decoration: none;
}
a:visited{
	color: #ff69c9;
}
a:hover{
	text-decoration: underline; 
}
a:active{
	color: #ff96d9;
}