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

}
@font-face {
    font-family:Lora;
    src: url(static/Lora-Bold.ttf);
    font-weight: bold;

}


body {

   font-family: Lora, sans-serif;
   background-color: #777;
   background-image: url(headertausta.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 30px #000000;
   
}
 .header {
     background-color: #ffe;
     background-image: url(tausta.jpg);
     background-size: cover;
     background-position: center bottom;
     color: white;
     text-shadow: 0px 0px 10px #000;
     padding: 50px;
     font-size: 50px;
     line-height: 0.5;
}
 .nav {
    background-color: #eef;
    padding: 12px;
}

 .nav a {
   margin: 6px;
   color: #933;
}


 .main {
   padding: 40px;
}
 .footer {
    background-color: #000;
    color: #fff;
    padding: 40px;
}
h2 {
  margin-top: 40px
}

.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 {
  border: 1px solid #000;
  padding: 2px 4px; /* Eka numeroylös/alas, toka     sivuille */ 
  vertical-align: top;
 
}