@font-face {
  font-family: Leipis;
  src: url(fontit/Jost/Jost/Jost-VariableFont_wght.ttf);
}

@font-face {
  font-family: Header-fontti;
  src: url(fontit/Hepta_Slab/static/HeptaSlab-Regular.ttf)
}

body {
  font-family: Leipis, sans-serif;
  background-color: #99c4ac;
  background-image: url(taivas.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

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

.header {
  padding: 30px;
  font-size: 100px;
  background-color: #3c735e;
  background-image: url(lehdet.png);
  background-size: cover;
  color: #4a320f;
  font-family: Header-fontti, serif;
  text-shadow: 0px 0px 18px #fff
}

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

.nav {
  background-color: #a35e1d;
  padding: 10px;
}

/* navigointilinkit */

.nav a {
  margin: 10px;
  color: #f5e3b5;
  text-decoration: none;
}

/* muut linkit */

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

.footer {
  background-color: #4d708a;
  color: #98c3e3;
  padding: 30px;
}


.tumma {
  background-color: #3c735e;
  padding: 20px;
  text-align: center;
}

h2 {
  margin-top: 60px;
}

.levee {
  width: 100%;
  height: auto;
}
img {
  max-width: 100%;
}
table {
  background-color: #fff;
  border-collapse: collapse;   /* raot pois solujen välistä */
}
td, th {
  border: 1px solid #4d708a;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 6px;
  padding-left: 6px;

  /* sama lyhyemmin: */
  padding: 4px 6px 4px 6px;

  /* sama vielä lyhyemmin: */
  padding: 4px 6px;

}
th {
  text-align: left;
  background-color: #4d708a;
  color: #fff;
}