body {
    background-color: red;
    background-color: #F3F4E7;
    padding: 32px;
}

.window {
    /* font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /* font-family: monospace; */
    border: 32px solid black;
    min-width: 469px;
    min-height: 230px;
    max-width: 800;
    max-height: 600;
    border-image: url(img/frame.png) 42;
    display: flex
;
}

.content {
    /* background-color: aquamarine; */
    /* width: 100%; */
    background-color: #bdb8a9;
    display: flex
;
}

.img-top-left {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}
.img-top-middle {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}
.img-top-right {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}
.img-right-middle {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}
.img-left-middle {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}
.img-bottom-left {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}
.img-bottom-middle {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}
.img-bottom-right {
    border: 1px solid blue;
    width: 10px;
    height: 10px;
    background-color: red;
}