@font-face {
    font-family: otsikko;
    src: url(Kavoon-Regular.ttf);
}

@font-face {
    font-family: leipis;
    src: url(Lexend-VariableFont_wght.ttf);
}

body {
font-family: "leipis", serif;
-webkit-text-fill-color: #ffffff;
margin: 0px;
background-color: #704347;
}

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

.container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color: #a76a77;
    padding: 50px;
}

img {
    border: 20px solid #ffffff;
    margin: 10px;
box-shadow: 2px 2px 15px rgb(151, 96, 110);}

.etusivu img:hover {
box-shadow: 2px 2px 15px rgb(73, 37, 45);
}

h1 {
    font-family: otsikko;
    font-size: 50px;
    font-weight: normal;
    margin: 0%;
    color: #ffffff;
    text-align: center;
}