@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%;}

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



body {
	font-family: Arial, sans-serif;
	background-color: #eef;
	background-image: url("taustakuva1.jpg");}

img {
	border: 4px solid #b882ff;
	max-width: 100%;
   height: auto;
}


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

a:link {
	color: #5f1d63;}
a:visited {
	color: #310b33;}