@font-face {
    font-family: leipis;
    src: url(fontit/Gelasio-VariableFont_wght.ttf);
}
@font-face {
    font-family: otsikko;
    src: url(fontit/MysteryQuest-Regular.ttf);
}

body {
 background-color: rgb(160, 113, 81);
 font-family: leipis, Helvetica, sans-serif;
 margin: 0;
 font-weight: 400;
}
h1 {
    font-family: otsikko;
    font-size: 50px;

}
.container {
    background-color: rgb(233, 220, 193);
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
}
figure {
    float: right;
    margin-top: 30px;
}

figcaption {
    font-size: 10px;
    color: rgb(61, 61, 61);
}