body {
    margin: 0;
    background: rgb(169,197,211);
    background: linear-gradient(0deg, rgba(169,197,211,1) 0%, rgba(255,236,159,1) 100%);
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.text {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.header {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 16px;
}

.header h1 {
    color: #333;
    font-size: xxx-large;
    text-shadow: 2px 4px 4px #567D92;
}

.message {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 0 64px;
}

.message p {
    color: #333;
    font-size: large;
    flex: 1;
}

.message iframe {
    flex: 1;
}

.image-list {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px;
}

.image-list img {
    margin-top: 8px;
    vertical-align: middle;
    width: 250px;
    height: auto;
    border: #2b2a28 4px solid;
    box-shadow: 4px 4px 8px #567D92;
}