* 
  {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: arial;
  }


html
  {
  min-height: 100%;

  background-color: #afe;
  background-image: url("kuvat/tausta5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  }

body
  {
  xxmin-height: 100%;
  }

.pääkehys
  {
  margin: 20px 40px;

  border: solid 1px yellow;
  }

header
  {
  background-color: rgb(0,0,0,0.5);

  height: 100px;
  xxxborder: solid 1px skyblue;
  }

h1
  {
  text-align: center;
  color: #cac;
  font-size: 60px;
  }

nav
  {
  position: sticky;
  top: 0;

  height: 50px;
  color: white;
  background-color: black;
  xxxborder: solid 1px orange;
  }

footer
  {

  }

.krediitti
  {
  position: fixed;
  bottom: 10px;
  right: 10px;
  color: rgb(200,255,255,0.2);
  font-size: 0.8rem;
  }

.krediitti a
  {
  color: white;
  text-decoration: none;
  color: rgb(200,255,255,0.2);

  }