@font-face {
    font-family: leipis;
    src: url(Nerko_One/NerkoOne-Regular.ttf)
}

@font-face {
    font-family: kursivoitu;
    src: url(Crete_Round/CreteRound-Italic.ttf)
}

@font-face {
    font-family: regular;
    src:url(Crete_Round/CreteRound-Regular.ttf)
}

h1 {
    color: rgb(8, 8, 8);
    font-size: 50px;
    font-family: leipis;
    text-align: center;
    font-weight: normal;
}

h2 {
    color: ;
    font-size: 25px;
    font-family: regular;
    text-align: center;
}
body{
    font-family: kursivoitu;
    font-size: 20px;
    background-color: rgb(129, 214, 230);
    background-image: url(paavopesusieni.jpg);
    background-size: cover ;
    background-attachment: fixed;
    background-position: center center;
}
 
.sisalto{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    box-shadow:  0px 0px 90px;
    background-color: aliceblue;
    padding-bottom: 20px;
}

.header {
    background-color:rgb(171, 225, 250);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nav {
    background-color: #f6d8f6;
    padding: 12px;
    text-align: center;
 }
 .nav a{
    margin: 6px;
    color: #ee56b2;
    white-space: nowrap;
 }
 

a:link {
   color: rgb(219, 10, 139);
}
a:visited {
   color: #c20dda;
}

.oikealla {
    float: right;
    margin-left:20px;
    margin-top: 20px;
  }