h1{
   color:"#ffe1f6";
}

@font-face {
   font-family: Kanit;
   src: url(Kanit/Kanit-Regular.ttf);
   font-weight:regular;
}
@font-face {
   font-family: Kanit;
   src: url(Kanit/Kanit-Bold.ttf);
   font-weight:bold;
}

@font-face {
   font-family: Kanit;
   src: url(Kanit/Kanit-Italic.ttf);
   font-weight:italic;
}

@font-face {
   font-family: Rowdies;
   src: url(Rowdies/Rowdies-Regular.ttf);
}

body {
   margin: 0;
   font-family: Kanit, sans-serif;
   background-color: #ffe1f6;
   background-image: url(tausta.jpg);
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
}
.kaikki {
   background-color: #fff;
   max-width: 900px;
   margin-left: auto;
   margin-right: auto;
   box-shadow: 0px 0px 100px #000;
}
.header {
   background-color: #fdd9d7;
   padding: 30px;
   font-size: 50px;
   letter-spacing: 6px;
   background-image: url(header_tausta.jpg);
   background-size: cover;
   background-position: center bottom;
   color: white;
   text-shadow: 0px 0px 10px #000;
   font-family: Rowdies;
   line-height: 1;
   
}
.nav {
   background-color: #ebd8f6;
   padding: 12px;
}
.nav a{
   margin: 6px;
   color: #ee56b2;
}
.main {
   padding: 40px;
   
}
.footer {
   background-color: #000;
   color: #fff;
   padding: 30px;
}
h2{
   margin-top: 30px;
}

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

img{
   max-width: 100%;
}
.tumma{
   background-color: #555;
   padding: 10px;
}

table{
   border-collapse: collapse; /*Raot pois solujen välistä*/
}

th{
   background-color: #000;
   color: #fff;
}
td, th {
   border: 1px solid #000;
   padding: 2px 4px; /*Eka numero ylös/alas, toinen sivulle*/
   vertical-align: top;
}