@font-face {
  font-family: leipis;
  src: url(Fontit/notoserif/NotoSerif-VariableFont_wdth,wght.ttf);
}


@font-face {
    font-family: Header-fontti;
    src: url(Fontit/Tilt_Prism/TiltPrism-Regular-VariableFont_XROT,YROT.ttf);


}



body { 
  font-family: leipis,serif;
  background-color: #bbb;
  background-image : url(Haulitorni-edit.jpg);
}
.kaikki {
   background-color: #fff;
   max-width: 1100px;
   margin-left: auto;
   margin-right: auto;
}

.header {
   font-family: Header-fontti, sans-serif;
   background-color: #f99;
   padding: 30px;
   font-size: 80px;
   color: #000000;
   background-image : url(Taivas-edit.jpg);
} 

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

.nav {
   background-color: #efe;
   padding: 10px;
}
/* navigointilinkit*/
.nav a {
   margin: 10px;
   color: #420;
   text-decoration: none;
}


 /* muut linkit */

a {}

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


.footer {
  background-color: #333;
  color: #eea;
  padding: 30px;
}

img {
   max-width: 100%;
}

table{
 background-color: #fff;
 border-collapse: collapse;    /*raot pois solujen välistä*/
}
td, th {
   border: 1px solid#777;
   padding-top: 4px;
   padding-right: 6px;
   padding-bottom: 4px;
   padding-left: 6px;
 /* sama lyhyemmin: */
  padding: 4px 6px 4px 6px;
/* vielä lyhyemmin: */
 padding: 4px 6px;

}
th {
  text-align: left;
  background-color: #000;
  color: #fff;
}
.tumma {background-color: #333;}