@font-face {
    font-family: otsikot;
    src: url(fontit/Pirata_One/PirataOne-Regular.ttf);
}

@font-face {
    font-family: leipis;
    src: url(fontit/Texturina/static/Texturina_14pt-Regular.ttf);
}

body {
background-color: rgb(196, 141, 115);
}

.container {
    color: rgb(138, 77, 77);
    background-color: rgb(255, 237, 213);
    max-width: 800px;
    margin-left: 80px;
    margin-right: 80px;
    padding-left: 50px;
    padding-right: 50px;
    font-family: leipis;
    padding-bottom: 60px;
    box-shadow: 8px 8px 20px rgba(128, 55, 55, 0.521);
}

h1 {
    padding-top: 60px;
    font-size: 60px;
    font-family: otsikot;
    color: rgb(90, 32, 45);
}

h2 {
    font-family: otsikot;
    font-size: 25px;
    color: rgb(90, 32, 45);
}

iframe {
    display: block;
}

.kartta {
    max-width: 400px;
    height: auto;
    border: 2px solid rgb(90, 54, 54);
}