.gallery-section {
    display: flex;
        flex-direction: column;
        align-items: center;
    padding: 2em 0;
}
.grid {
    display: grid;
        grid-gap: .5em;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        grid-auto-flow: dense;
    width: 100%;
    max-width: 600px;
}

.grid img {
    border-radius: inherit;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.grid p {
    font-size: 1rem;
    margin: 1em 0em 0em;
}

.long {
    grid-column: span 2;
}

.tall {
    grid-row: span 2;
}

.square {
    grid-row: span 2;
    grid-column: span 2;
}

.gallery-section-caption {
    padding: 1em 0 0;
    width: 100%;
        max-width: 600px;
}

.gallery-section-caption p {
    font-size: 1em;
}

.index {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index h1 {
    text-align: center;
}

.index ul {
    margin: 0 0;
    width: inherit;
    max-width: 800px;
}

.index li {
    display: inline-block;
    list-style-type: none;
    margin: 0 0.5em;
}

.index li:before {
    content: "\00BB";
    padding-right: 0.25em;
}

.index li:hover {
    text-decoration: underline;
}

/* Up Button */
.up-button {
    background-color: var(--purple);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 1em;
}

.up-button p {
    color: white;
    margin: 0;
    font-size: 2em;
}

.up-button:hover {
    background-color: var(--white);
    border: 1px solid var(--purple);
}

.up-button:hover p {
    color: var(--purple);
}

/*Media Queries*/
/* @media only screen and (max-width:400px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        width: 100%;
    }
} */