/* Perusasetukset */
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Kaikki elementit huomioivat paddingin ja borderin leveydessä */
*,
*::before,
*::after {
    box-sizing: inherit;
}

/* Tausta ja typografia */
body {
    font-family: "IM Fell English", serif;
    font-style: italic;

    background-image: url("https://images.pexels.com/photos/235985/pexels-photo-235985.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;

    color: #3b2f2f;
    line-height: 1.6;
}

/* Sisältökontti */
.content {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
    text-align: center;
}

/* Kuva */
.content img {
    width: 100%;
    height: auto;

    max-width: 750px;
    display: block;
    margin: 0 auto;

    border-radius: 6px;
    border: 3px solid #c8b79a;
    background: #f7f1e3;
    padding: 6px;
}

/* Kuvateksti */
.caption {
    margin-top: 12px;
    font-size: 26px;
    color: #2c241f;
    text-align: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.caption2 {
    margin-top: 12px;
    font-size: 18px;
    color: #2c241f;
    text-align: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}


.person {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
    font-weight: 500;
    /* tekee nimistä hieman erottuvampia */
}

.caption2 {
    line-height: 1.6;
}