body {
    background-color: #9f8b7e;
    background-image: radial-gradient(circle at 100% 150%, #523e30 24%, #634e3f 24%, #634e3f 28%, #523e30 28%, #523e30 36%, #634e3f 36%, #634e3f 40%, transparent 40%, transparent), 
        radial-gradient(circle at 0 150%, #523e30 24%, #634e3f 24%, #634e3f 28%, #523e30 28%, #523e30 36%, #634e3f 36%, #634e3f 40%, transparent 40%, transparent), 
        radial-gradient(circle at 50% 100%, #634e3f 10%, #523e30 10%, #523e30 23%, #634e3f 23%, #634e3f 30%, #523e30 30%, #523e30 43%, #634e3f 43%, #634e3f 50%, #523e30 50%, #523e30 63%, #634e3f 63%, #634e3f 71%, transparent 71%, transparent), 
        radial-gradient(circle at 100% 50%, #634e3f 5%, #523e30 5%, #523e30 15%, #634e3f 15%, #634e3f 20%, #523e30 20%, #523e30 29%, #634e3f 29%, #634e3f 34%, #523e30 34%, #523e30 44%, #634e3f 44%, #634e3f 49%, transparent 49%, transparent), 
        radial-gradient(circle at 0 50%, #634e3f 5%, #523e30 5%, #523e30 15%, #634e3f 15%, #634e3f 20%, #523e30 20%, #523e30 29%, #634e3f 29%, #634e3f 34%, #523e30 34%, #523e30 44%, #634e3f 44%, #634e3f 49%, transparent 49%, transparent);
    background-size: 100px 50px;
    background-attachment: fixed;
}

.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 {
    display:block;
}



.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;
}