.square {
    display: flex;
    border: .1px solid #ccc;

    margin-bottom:0;
    padding-bottom: 100%;
    height: 0;
    /*background-color: var(--paper);*/
    border-color: var(--charcoal-faded);
}

.square:hover {
    background-color: var(--pale-gold);
}