ArtPage.css

.artpage {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr 10fr 1fr;
    height: 100vh;
}

.exhibition-piece {
    display: flex;
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dropdown {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
    display: flex;
    flex-direction: row-reverse;
    margin-right: 2rem;
    margin-top: 1rem;
}

.background-one {
    background-color: red;
}

.background-two {
    background-color: purple;
}

.background-three {
    background-color: grey;
}

.background-four {
    background-color: green;
}

.font-arial {
    font-family: Arial, serif;
}

.font-calibri {
    font-family: Calibri, serif;
}

.font-sans {
    font-family: "Comic Sans MS", serif;
}

.navbutton {
    grid-row: 3 / 4;
    display: flex;
}

.navbutton.left {
    grid-column: 1 / 2;
    flex-direction: row-reverse;
    margin-right: 10rem;
}
.navbutton.right {
    grid-column: 3 / 4;
    margin-left: 10rem;
}