@font-face {
    font-family: kauno;
    src: url(fontit/Dynalight/Dynalight-Regular.ttf);
}


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


@font-face {
    font-family: teksti;
    src: url(fontit/Gelasio/Gelasio-Italic-VariableFont_wght.ttf);
    font-style:italic;
}


body{ background-color: #7b92be;

font-family: teksti,serif;}


.container{max-width: 1200px;
margin-left: auto;
margin-right: auto;
background-color: rgb(202, 198, 198);}

img{border: 20px solid #fff;
margin: 10px;
}

.etusivu img:hover{
    box-shadow: 2px 2px 15px #555555;
}
.nav{background-color: #fff;
padding: 10px;}

.footer{background-color: #103f5a;
color: #fff;
padding: 30px;
margin-top: 50px;
clear: both;}

.header{background-color: aqua;
font-size: 80px;
font-family:kauno ;
color: #fff;
padding: 60px 0px;
line-height: 0,8;
background-image: url(tausta.jpg);




text-shadow: 0px 0px 5px #0e476b;
}

a:link{color: rgb(9, 133, 133);}
a:visited{color: #0a51d4;}
a:hover{text-decoration: none;}
a:active{color: blue;}




.nav{ color: #0e476b;
box-shadow: 0px 20px 20px -5px  #8fb7d0c0;
padding: 10px;}
.nav a { color: inherit;
margin: 15px;
text-decoration: none;}

.nav a :hover{text-decoration: underline;}




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

.sivu .main{
    padding-left: 30px;
padding-right: 30px;

}
.main{
    min-height: 500px;
}

.oikealla{
    float: right;
}

.sivu .main p { max-width: 700px;}
.etusivu img{box-shadow: 2px 2px 15px #555;}