@font-face{
	font-family: leipis;
	src:url(DM_Sans/static/DMSans_24pt-Regular.ttf);
}
@font-face{
	font-family: otsikko;
	src:url(Lobster/Lobster-Regular.ttf);
}

body {
font-family:leipis, sans-serif;
background-color: #bbb;
background-image: url(vuori.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
}

.kaikki {
background-color: #FEC5F6;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

.header {

font-family: otsikko, sans-serif;
background-color: #B33791;
background-image: url(auringonnousu.jpg);
padding: 30px;
font-size: 80px;
color: #df71ba;
}
.header, .nav, .footer {
text-align: center;
}
.nav {
background-color: #C562AF;
padding: 10px;
}

/*Navigointilinkit*/

.nav a {
margin: 10px; /*marginaalia oli hirrveästi=100px*/
color: #733;
text-decoration: none;
}

/*Muut linkit*/

a {}

.main {
padding: 30px;
min-height: 500px;
}

.footer {
background-color: #333;
color: #FFF;
padding: 30px;
}

.tumma {
background-color: #555;
padding: 20px;
text-align: center;
}

h2 {
margin-top: 50px;
}

.levee {


	width: 100%;


	height: auto;}
 
img {


	max-width: 100%;}
 
table {


	background-color: #fff;


	border-collapse: collapse;}
 
td, th {


	border: 1px solid #777;


	padding-top: 4px;


	padding-right: 6px;


	padding-bottom: 4px;


	padding-left: 6px;
 
	/* sama lyhyemmin */


	padding: 4px 6px 4px 6px;
 
	/* sama vielä lyhyemmin */


	padding: 4px 6px;}
 
th {


	text-align: left;


	background-color: #000;


	color: #fff;}