@font-face {
font-family: leipis;
src: url(fontit/roboto/static/Roboto-Regular.ttf);
}

@font-face {
font-family: header-fontti;
src: url(fontit/oswald/static/Oswald-Bold.ttf);
}

body {
font-family: leipis, sans-serif;
background-image:url(taustakuva.jpg);
background-size:cover;
background-position:center;
font-family: arial, sans-serif;
}

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

.header{background-color:#FFB2E1;
font-size:80px; 
color:#fff; 
font-family:header-fontti, sans-serif;
}

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

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

.nav a {margin:10px; color:#8D5353; text-decoration:none;
}

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

.footer {background-color:#FFB2E1; padding:10px; 
}
td,th{
    border: 1px solid #411010;
    padding: 4px;
}
table{
    background-color: #fff;
    border-collapse: collapse;
}
th{
    background-color: #411010;
    color: #fff;
}
.tumma {
    background-color: #06220d;
    padding: 10px;
}

img {
    max-width: 100%;
}