@font-face {
    font-family: Leipis;
    src: url(fontit/PT_Serif/PTSerif-Regular.ttf);
}
 
@font-face {
    font-family: Header-fontti;
    src: url(fontit/Comforter/Comforter-Regular.ttf);
}

body {
 font-family: Leipis, sans-serif;
 background-color: #799db3;
 background-image: url(jarvi.jpg);
 background-size: cover;
 background-position: center;
 background-attachment: fixed; PYSYY PAIKALLAAN
}

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

.header {
  font-family: Header-fontti;
  background-image: url(veneita_taustakuva.jpg);
  background-size: cover;
  background-position: center;
  background-color: #c4e9ff;
  padding: 30px;
  font-size: 120px;
  color: white;
  text-shadow: 0px 0px 8px #000;
}

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

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

/* navigointilinkit */

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

/*Muut linkit */

a {}

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

.footer {
  background-color: #b3c8e8;
  color: #485363;
  padding: 30px;
}

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

h2 {
  margin-top: 50px;
}

.levee {
 width: 100%;
 height: auto;
}

img {
max-width: 100%;
}
table {
background-color: #fff;
border-collapse: collapse; /* raot pois solujen väleistä */
}
 
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
 
/* sama vielä lyhyemmin: */
padding: 4px 6px;
}
 
th {
text-align: left;
background-color: #000;
color: #fff;
}