@font-face {
    font-family: header;
    src: url(DancingScript-VariableFont_wght.ttf);
}
@font-face {
    font-family: leipis;
    src: url(fontit/Grandstander-VariableFont_wght.ttf);
}
@font-face {
    font-family: leipis kursivoitu;
    src: url(fontit/Grandstander-Italic-VariableFont_wght.ttf);
    
}


body {
background-color: rgb(177, 118, 51);
margin: 0;
}

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

}
.container {
    max-width: 1100px;
    background-color: rgb(206, 184, 161);
    margin-left: auto;
    margin-right: auto;
    font-family: leipis;
    font-weight: normal;
    
}
img {
    border: 20px solid #fff;
    margin: 10px;
    
}
img:hover {
    
}
.header {
    background-color: rgb(78, 226, 226);
    font-family: header;
    font-size: 75px;
    background-image: url(pienet/kana.jpg);
    color: #ffffff;
    text-shadow: 0px 0px 5px #130b0b;
    background-size: cover;
    background-position:  right bottom;
    line-height: 1;
    padding: 50px 50px;
    box-shadow: 0px -10px 20px inset #b3b79ed7;
  
    
    
}
.nav{
background-color: #fff;
padding: 15px;
font-family: leipis kursivoitu;

}
.footer{
background-color: rgb(78, 60, 32);
color: rgb(219, 219, 219);
padding: 30px;
margin-top: 20px;
}
.nav {
    color: rgb(66, 59, 51);
    box-shadow: 2px 20px 30px -15px rgba(39, 39, 39, 0.911);
}
.nav a
{
    color: inherit;
    margin: 10px;
    text-decoration: none;
    
}
.nav a:hover {
    text-decoration: underline;
}
h1 {
    text-shadow: 1px 1px 8px rgb(194, 33, 18);
    color: #fff;
}
.sivu .main {
    
    padding-left: 30px;
    padding-right: 30px;
    
    
}
.sivu .main p {
    max-width: 700px;
}

.main {
    min-height: 500px;
}
.oikealla{
    float: right;
}
.etusivu img {
box-shadow: 2px 2px 15px rgba(192, 190, 188, 0.459);
}
.etusivu img:hover {
box-shadow: 2px 2px 15px rgba(41, 43, 43, 0.897);
}
p a {
    color: aquamarine;
    text-decoration: none;
}
p a:hover {
text-decoration: underline;
}
p a:visited {
    color: rgb(48, 124, 124);
}
p a:active {
    color: black;
}