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

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

@font-face {
    font-family: boldi;
    src: url(fontit/IosevkaCharonMono-Bold.ttf);
}

@font-face {
    font-family: cursive;
    src: url(fontit/IosevkaCharonMono-Italic.ttf);
}

body {
    background-color: #c0ae97;
}

.container {
    background-color: #fdfdfa;
    padding: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    font-family: leipis;
}

h1 {
    font-family: otsikko;
}

figure {
    float: right;
    padding: 14px;
}

figcaption {
    color: #707070;
    font-size: small;
}