body {
    margin: auto;
    max-width: 40em;
}

header, footer {
    text-align: center;
}

img {
    max-width: 100%;
}

img#me {
    max-height: 20em;
}

/* Marquee footer */
.marquee>img {
    max-width: 18%;
}
.marquee>div {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 100%;
}
.marquee>div>p {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}