@font-face {
	font-family: Leipis;
	src: url("Quicksand/Quicksand-VariableFont_wght.ttf");
}

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

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

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

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

body {
	Font-family: Arial, sans-serif;
	font-family: Leipis, serif;
	background-color: #9e714c ;
	background-image: url("tausta.png");
}
h1 {
	color: #575757;
	font-size:350%;
}

ul {

	padding-bottom: 60px;
}


img {
	border:0px solid #b86b3e;
	max-width: 50%;
}

.linnu {
	max-width: 25%;
	margin-bottom: 140px;
	margin-left: 60px;
}

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

a:link{
	color:#628da1;
	text-decoration: none;
}
a:visited{
	color: #c1dce9;
}
a:hover{
	text-decoration: underline; 
}
a:active{
	color: #405964;
}