body {
    font-family: monospace;
    font-size: 1rem;
    margin: 0 auto;
    margin-top: 2rem;
    max-width: 800px;
    background: #aaaaaa;
}

.color {
    padding: .3rem .4rem;
    color: #000;
    border: 2px solid #000;
    cursor: cell;
}

.color:hover {
    box-shadow: 0rem .25rem .5rem #0000005e;
}

.w {
    color: #fff;
    border: 2px solid #888888;
}

.d {
    color: #232121;
    border: 2px solid #232121;
}

.colors-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.palette {
    display: flex;
    flex-direction: column;
    width: auto;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 2px solid #000;
    background: #fff;
}

.palette > a {
    margin-bottom: .5rem;
    font-weight: bold;
}