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

@font-face {
    font-family: otsikko;
    src: url(Delius_Unicase/DeliusUnicase-Bold.ttf);
}

body {
    background-color: rgb(169, 216, 255);
    font-family: leipis, sans-serif;
    font-weight: bold;
   

}

.container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
    padding: 50px;

}

iframe {
    display: block;
}

h1, h2 {
    font-family:otsikko, sans-serif;
}

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

.kartta {
    width: 550px;
    height: auto;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.6);
    border: 2px solid #747ba8;
}