body {
    
   background-color: #656d4b;
background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
background-size: 13px, 29px, 37px, 53px;
}

.subpage {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    border:3px solid #583f2f;
    background-color:#ffffff;
    
}

.example {
    color:#8a664f;
    font-weight:bolder;
}

.flex-container {
    display:flex;
    width:75%;
    align-items:center;
    flex-direction: column;
    background-color:#9f8b7e;
    margin:auto;
}

.flex-container > img {
    width:500px;
    object-fit:contain;
}



.flex-container > div {
    margin:5px;
    padding:10px;
    background-color:#e4cbba;
    width:75%;
    text-align:center;
    align-content:center;
}

    .flex-container > div p {
        font-weight: bolder;
        color: #5f381f;
        font-family: imfellreg;
        font-size: 2em;
    }

img {
    width: 700px;
    height:900px;
    object-fit:contain;

}