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

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

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

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

.header {
font-family: Header-fontti, sans-serif;
background-color: #615F86;
background-image: url(diehard.jpg);
padding: 30px;
font-size: 80px;
color: #fff;
 text-shadow: 0px 0px 10px #000;
}

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

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

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

a {}

.main {
padding: 30px;
min-height: 500px;
}
.footer {
background-color: #333;
color: #fff;
padding: 40px;
}
.tumma {
background-color: #0A0840;
padding: 20px;
text-align: center;
}
h2 {
margin-top: 50px;
}

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

}
img {
max-width: 100%;

}
table {
background-color: #ffffff;
border-collapse: collapse;
}

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;
}