.body-container {
    min-height: 910px;
}

#welcome-logo {
    display: flex;
    justify-self: center;
    margin-left: -0.75em;
    margin-top: -0.75em;
}

.article-text {
    text-align: center;
    margin-left: 2.5em;
    margin-right: 3em;
}

.sprite-gallery {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-items: left;
    gap: 6px;
    margin-left: 5%;
    width: 90%;
}

.updates-box {
    outline: solid 1px gray;
    background-color: #DBDBDB;
    width: 90%;
    height: 15em;
    display: flex;
    justify-self: center;
    padding-top: 5px;
    padding-left: 1em;
    padding-right: 1em;
    display: block;
    overflow-y: scroll;
    scrollbar-color: #8B8B8B #E5E5E5;
    border-radius: 0.25%;
}

.update-text {
    text-indent: -8px;
}

.about {
    margin-top: -0.5em;
    text-align: left;
}

.caption {
    color:#282525;
    font-size: 11px;
    margin-left: 2.9em;
}

.link-list {
    margin-top: -0.6em;
    list-style: none;
    margin-right: 3.5em;
}

.link-list li {
    margin-top: 3px;
}

.link-list li::marker {
  content: "▶ ";
  font-size: 12px;
  color: #1E3099;
}

/* About */

/* Sprite Collection */
.series-header {
    color: white;
    font-family: 'Russo One';
    font-weight: normal;
    font-size: 22px;

    background: #0D0F56;
    border-bottom: solid 3px #22222B;;
    padding: 2px;
    padding-left: 8px;
    width: 95%;
}

.sprite-gallery {
    margin-left: 0.8em;
    padding-top: 0em;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: left;
    gap: 8px;
}

#lost-zoro {
    display: inline-block;
    position: absolute;
    z-index: 111;
    right: 0;
    margin-top: -108px;
    margin-right: 1em;
}


@media screen and (min-width: 375px) and (max-width: 699px) {
    .footer-text {
        margin-left: 5em;
        margin-right: 5em;
    }

    .sprite-history {
        margin-left: -3em;
        transform: scale(0.9, 0.9);
    }

    #lost-zoro {
        display: none;
    }
}