@font-face {
    font-family: otsikko;
    src: url(fontit/BigShouldersStencil-VariableFont_opsz\,wght.ttf);
}

@font-face {
    font-family: otsikko2;
    src: url(fontit/FjallaOne-Regular.ttf);
}

@font-face {
    font-family: leipäteksti;
    src: url(fontit/ChivoMono-VariableFont_wght.ttf);
}

body {
    background-color: #6e9899;

}

.container {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #faebd7;
    padding: 20px;
    font-family: leipäteksti;
}

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

h1 {
    font-family: otsikko;
    text-align: center;
    color: #000000;
    text-shadow: 4px 2px 0px #6d547e;
    font-size: 60px;
}

h2 {
    font-family: otsikko2;
    font-size: 30px;
    text-shadow: 4px 2px 0px #cec4aa;
}

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