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

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

body {
    background-color: #3E1321;
    font-family: leipis;
}

h1 {
    font-family: otsikko;
    font-size: 30px;
    -webkit-text-fill-color: #3E1321;
}

h2 {
    font-family: otsikko;
    font-size: 30px;
    -webkit-text-fill-color: #3E1321;
}


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

.iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img, iframe {
    max-width: 100%;
}

.kartta {
    width: 300px;
    height: auto;
    box-shadow: 8px 8px 0px#3e132181;
    border: 2px solid #3E1321;
}