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

@font-face {
 font-family: Mont;
 src: url(Montserrat/Montserrat-Italic.ttf);
 font-style italic,
}

@font-face {
 font-family: Mont;
 src: url(Montserrat/Montserrat-Bold.ttf);
 font-weight: bold,
}

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

 @font-face {
 font-family: kani;
 src: url(Kanit/Kanit-Light.ttf);
}



body {
  font-family: Mont, serif;
  background-color: #addeff;
  background-image: url(tausta.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.kaikki {
 font-family: kani, serif;
 background-color: #fff;
 max-width: 900px;
 margin-left: auto;
 margin-right: auto;
 box-shadow: 0px 0px 112px #000;
}
.header {
 font-family: Kau, serif;
 background-image: url(ruoho.jpg);
 padding: 30px;
 font-size: 50px;
 letter-spacing: 6px;
 text-shadow: 0px 0px 2px #000;
 color: white;
 line-height: 1;
}
.nav {
 background-color: #b0d1ab;
 padding: 12px;
}
.nav a {
  margin: 6px;
  color: #33;
}
.main {
 padding: 40px;
}
.footer {
 background-color: #b0d1ab;
 text-shadow: 0px 0px 3px #000;
 color: #fff;
 padding: 30px;
}
h2 {
  margin-top: 35px;
}

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

img {
 max-width: 100%;
}
.tumma {

background-color: black;
padding: 10px;

}

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

th {
  background-color: #000;
  color: #fff;
}

td,th { 
  border: 1px solid #000;
  padding: 3px 5px; /*Eka numero ylos/alas, toka sivuille */
  vertical-align: top;
}