body {
    margin: 0 auto;
    width: 390px;
    background-color: rgb(237, 232, 228);
    border: 6px solid rgb(40, 65, 119);
    background-color: rgb(40, 65, 119);
    background-size: cover;
}

h1 {
    text-align: center;
    font-family: georgia, 'Times New Roman', Times, serif;
    color: rgb(223, 229, 234);
    font-size: 2.5rem;
    padding-bottom: 20px;
    padding-top: 20px;
    overflow: hidden;
}

h2 {
    text-align: center;
    font-family: gothic, 'Times New Roman', Times, serif;
    color: rgb(223, 229, 234);
    font-size: 2rem;
    overflow: hidden;
    padding: 10px;
}

.img1 {
    text-align: center;
    border-radius: 20%;
    border: 10px solid rgb(194, 175, 168);
    width: 100%;
    height: auto;
}

article h2 {
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(0, 107, 189);
    font-size: 1.8rem;
    overflow: hidden;
}


p {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(0, 107, 189);
    font-size: 1.2rem;
}

div {
    border: 1px solid rgb(231, 232, 228);
    text-align: center;
    border-radius: 10px;
    background-color: rgb(195, 197, 191);
    background-size: cover;
    padding-bottom: 1em;

}

.div2 {
    border: 1px solid rgb(231, 232, 228);
    text-align: center;
    border-radius: 10px;
    background-color: rgb(195, 197, 191);
    background-size: cover;
    margin-top: 40px;
    margin-bottom: 40px;
}

h3 {
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(0, 107, 189);
    font-size: 1.2rem;
}

figcaption {
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(0, 107, 189);
    font-size: 1.2rem;
}

.p2 {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(0, 107, 189);
    font-size: 1.2rem;
}

.img2 {
    text-align: center;
    border: 10px solid rgb(194, 175, 168);
    border-radius: 20%;
    width: 100%;
    height: auto;
}

.img3 {
    text-align: center;
    border: 10px solid rgb(194, 175, 168);
    border-radius: 20%;
}

h2 :nth-child(odd) {
    background-color: rgb(0, 31, 55);
    border-radius: 10px;
}

.fig {
    padding-top: 10px;
    text-align: center;
    border: 10px solid rgb(194, 175, 168);
    border-radius: 20%;
}