.footer {
    color: dimgray;
    position: absolute;
    bottom: 0.5em;
    left: 0.5em;
    font-size: 0.75em;
    z-index: 10;
}

.center {
    margin: auto;
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
    display: flex;
}

.grid-container {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: 30vw 30vw 30vw;
    grid-template-rows: 30vh 30vh;
    grid-auto-columns: auto;
    grid-auto-rows: 5px;
}

.flex-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.color-strip {
    color: #c4bca1;
    background-color: #e4e4d9;
    background-image: linear-gradient(175deg, rgba(0, 0, 0, 0) 95%, #8da389 95%),
    linear-gradient(85deg, rgba(0, 0, 0, 0) 95%, #8da389 95%),
    linear-gradient(175deg, rgba(0, 0, 0, 0) 90%, #b4b07f 90%),
    linear-gradient(85deg, rgba(0, 0, 0, 0) 92%, #b4b07f 92%),
    linear-gradient(175deg, rgba(0, 0, 0, 0) 85%, #c5a68e 85%),
    linear-gradient(85deg, rgba(0, 0, 0, 0) 89%, #c5a68e 89%),
    linear-gradient(175deg, rgba(0, 0, 0, 0) 80%, #ba9499 80%),
    linear-gradient(85deg, rgba(0, 0, 0, 0) 86%, #ba9499 86%),
    linear-gradient(175deg, rgba(0, 0, 0, 0) 75%, #9f8fa4 75%),
    linear-gradient(85deg, rgba(0, 0, 0, 0) 83%, #9f8fa4 83%),
    linear-gradient(175deg, rgba(0, 0, 0, 0) 70%, #74a6ae 70%),
    linear-gradient(85deg, rgba(0, 0, 0, 0) 80%, #74a6ae 80%);
}

div {
    color: rgba(42,42,42,1);
}