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


body {
  font-family: teksti, sans-serif;
  background-color: #CCB9FA;
}

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

 
 .header {
   background-color: #E0D5FE;
   padding: 30px;
   font-size: 80px;
   color: #fff;

}


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


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

/* Navigointilinkit */

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

/* Muut linkit */

a {}



 .footer {
background-color: #AA8FED; 
color: red;
padding: 30px;
}
 
.main {
  padding: 30px;
  min-height: 500px;
}




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

.tumma {
  background-color: #555;
  padding: 20px;
}

h2 {
  margin-top: 50px;
}