@font-face {
    font-family: Otsikko;
    src: url(fontti/DynaPuff-VariableFont_wdth_wght.ttf);
}
body {
    background-color: #726a63;
}
h1, h2 {
    font-family: Otsikko, sans-serif;
    color: #574f47;
}


.container {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    background-color: #d1c3b5;
    padding: 30px;
}


iframe {
    display: block; /*jotta allaoleva tepsii */
    margin-left: auto;
    margin-right: auto;
}

img, iframe {
    max-width: 100;
}
.kartta {
    width: 300px;
    height: auto;
    box-shadow: 8px 8px 8px rgb(131, 106, 91);
    border: #555 2px solid;
}