:root {
    --c1: #ffcc99;
    --c2: #ffcccc;
    --c3: #cc99ff;
    --c4: #ccccff;
    --c5: #99ccff;
    --c6: #99ffcc;
    --c7: #ffffcc;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    margin: 0;
}


.c1 {
    background-color: var(--c1);
}
.c2 {
    background-color: var(--c2);
}
.c3 {
    background-color: var(--c3);
}
.c4 {
    background-color: var(--c4);
}
.c5 {
    background-color: var(--c5);
}
.c6 {
    background-color: var(--c6);
}
.c7 {
    background-color: var(--c7);
}