body{font-family:Arial, sans-serif;
background-image: url(kaunis.jpg);
}

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


.header{
 background-color: #5DE2E7;
 padding: 30px;
 font-size: 80px;
 color: #fff;
}


.header, .nav, .footer{
text-align: center;
font-family: otsikko;
}

.nav{
 background-color: #efe;
 padding:10px;
}


/*navigointilinkit*/
.nav a {
 margin: 10px;
 color: #797;
 text-decoration:none;
}

/*muut linkit*/

a{}

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

}

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

}

.tumma{
background-color: #000;
padding: 20px;
}



h2 { 
 margin-top: 50px;
}
@font-face {
    font-family:otsikko;
    src: url(Condiment/Condiment-Regular.ttf);
}
@font-face {
    font-family: sivu;
    src: url(Fugaz_One/FugazOne-Regular.ttf);
}
h1{font-family: sivu;
font-weight: normal;}