.content-text {
    /* content text should be centered */
    text-align: center;
}

/* Code adpated from Jessica, 2020. */
/*
 * Content boxes
 */
#content-box-container {
    display: flex;

    /* this needs a bottom margin for some reason */
    margin-bottom: 15px;
}

.content-box {
    /* make sure the content box fills the entire space */
    flex: 1;
/* End of adapted code */

    /* align text to the center (this applies to child elements too */
    text-align: center;

/* Code adapted from W3Schools, n.d. */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
/* End of adapted code */

    /* make each box visually apart */
    margin-left: 5px;
    margin-right: 5px;
}

.content-box-button {
    /* setting colors */
    background-color: black;
    color: white;

    /* remove any text decoration usually
    applied to "a" elements */
    text-decoration: none;

    /* make sure the button displays as a block */
    display: inline-block;

    /* add padding around the element to make it look like
    an actual button */
    padding: 10px;

    /* make sure to fill the horizontal space */
    width: 100%;

    /* make sure the buttons are sized with accounting for borders */
    box-sizing: border-box;

    /* place buttons at the bottom of the content box */
    top: 100%;
    position: sticky;
}

.content-box-button:hover {
    background-color: blue;
}