@font-face {
  font-family: leipis;
  src: url(Exo/Exo-VariableFont_wght.ttf);
}

@font-face {
  font-family: otsikko;
  src: url(Rowdies/Rowdies-Bold.ttf);
}

body {
    font-family: leipis, sans-serif;
    background-color: #3a1240;
    background-image: url(tausta.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

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

.header {
  font-family: otsikko, sans-serif;
  background-image: url(header.jpg);
  background-size: cover;
  background-position: center;
  background-color: #4b254d; 
  padding: 30px;
  font-size: 70px; 
  color:#f7c2ff;
}


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


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

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

a {}

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

}

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

.tumma {
   background-color: #555;
   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;}
 
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;}