@font-face {
    font-family: otsikko;
    src: url(Kranky-Regular.ttf);
}
@font-face {
    font-family: leipis;
    src: url(LibreBaskerville-VariableFont_wght.ttf);
}

body {
    background-color: #98e9d0;
    font-family: leipis;
}
h1 {
    font-family: otsikko;
    font-size: 70px;
    color: rgb(42, 121, 121);
}
h2 {
    font-family: otsikko;
    font-size: 40px;
    color: rgb(54, 105, 105);
}
.container {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
img, iframe {
    display: block; /* jotta allaoleva tepsii*/
    margin-left: auto;
    margin-right: auto;
}
.kartta {
    width: 300px;
    height: auto;
    box-shadow: 8px 8px 0px rgba(26, 70, 56, 0.6);
    border: 2px solid #555;
}