@font-face{font-family: Art-gothic;
src: url(OPTIArt-Gothic.otf); }

body {
background-color: #f3f3f3;
background-image: url(tausta5.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
}

.kaikki {
max-width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
padding: 40px; }

.header{
font-size: 40px;
background-image: url(header10.jpg);
padding: 20px;
color: #ffffff;
max-width: 900px;
margin-left: auto;
margin-right: auto;

}
.nav{
background-color: #482C4D;
padding: 15px;
background-size: cover;
color: #fff;
max-width: 900px;
margin-left: auto;
margin-right: auto;

}

a {color: #fff; }

.main{}
.footer{
background-color: #471a2d; 
color: #fff;
max-width: 980px;
margin-left: auto;
margin-right: auto;
}

th, td {
border: solid 2px #000;
padding: 5px;}

table{
border-collapse: collapse;}


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

h1, .header{font-family: Art-gothic, sans-serif;}