:root{
    --size-cell: 5px;
}

#render table{
    border-collapse: collapse;
    border: solid 1px black;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
            user-select: none;
}

#render table td {
    border: dotted 1px lightgray;
    font-size: 1px;
    min-width: var(--size-cell);
    height: var(--size-cell);
}


#render{
    position: relative;
    display: flex;
    justify-content: center;
}


#render canvas{
    position: absolute;
    left: 0;
    top: 0;
}

#panelSettings{
    width: 95vw;
    display: flex;
    justify-content: center;
}

#panelSettings tr td:nth-child(1) {
    text-align: right;
}

#panelSettings input {
    vertical-align: text-bottom;
}

input[type=number] {
    width: 60px;
}

.-c-live { background-color: black; }
.-c-dead { background-color: red; }
.-c-new { background-color: green; }
.-c-static { background-color: blue; }