body {
    background-image: url("bg.jpg");
    user-select: none;
}

h1 {
    font-family: 'Helvetica';
    margin: 12px auto 12px auto;
    width: fit-content;
}

.color {
    height: 40px;
    width: 40px;
    display: inline-block;
    border: 1px black solid;
    cursor: pointer;
}

.color.selected {
    box-shadow: 0 0 2px #737373, 0 0 4px #737373, 0 0 6px #737373, 0 0 8px #737373;
}

#canvas {
    border: 2px solid grey;
    margin: 0 auto 16px auto;
    display: block;
    cursor: crosshair;
}

#colorPalette {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    gap: 16px;
}