body {
    font-family: 'Times New Roman', Times, serif;
    color: aliceblue;
    /* max-width: 765px; */
    /* margin-right: 10%; */
    /* margin-left: 10%; */

    background-image: url("BACK10.png");
}

.main {
    max-width: 765px;
    margin-left: auto;
    margin-right: auto;
}


.titles {
    margin-top: 3%;
    text-align: center;
}

.tit img:first-child {
    max-width: 60%;
    border: 3px yellow solid;
}

.container {
    display: block;
}

.pintro {
    font-style: italic;
    text-decoration: underline;
    text-align: center;
}

.row {
    display: flex;
    gap: 20px;
}

.column {
    display: block;
}

.row .column:first-child {
    flex: 55%;  /* 70% width */
}

.row .column:last-child {
    flex: 90%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.row .column img {
    max-width: 100%;
    height: auto;
    max-height: 400px;

    border: 2px solid blue;
}

.showoff img {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 400px;
}

.talk {
    background-color:#1D3208;
    border: yellow 2px solid;
    margin-bottom: 0px;
}

.talk p {
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
}

/* the other ones */
.row2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.column2 img {
    flex: 50%;
    padding: 0px;
    margin: 20px;
}

.column2 img {
    margin-top: 8px;
    /* vertical-align: middle; */
    border: 2px solid blue;
}