td.hidden, th.hidden{
    display:none;
}

body {
    display:flex;
    flex-direction: column;
    min-height: 100vh;
}
.spacer {
    flex: 1;
}

/* h1 {
     margin-top:2rem;
 } */

#dataTable {
    margin-top: 2rem;
}
#dataTable td {
    font-size:small;
}

@media (prefers-color-scheme: dark) {
    #dataTable tr.highlight1, span.highlight1 {
	background-color:#444;
    }
    #dataTable tr.highlight2, span.highlight2 {
	background-color:#222;
    }
    #dataTable td.highlight3, span.highlight3 {
	background-color:#744;
    }
}
@media (prefers-color-scheme: light) {
    #dataTable tr.highlight1, span.highlight1 {
	background-color:#ffa;
    }
    #dataTable tr.highlight2, span.highlight2 {
    background-color:#ffd;
    }
    #dataTable td.highlight3, span.highlight3 {
    background-color:#faa;
    }
}


.modal h3 {
    color:#222;
}
.modal-text p {
    color:#111;
}

.img-scale {
    height: 3rem;
    vertical-align: middle;
}
@media (prefers-color-scheme: dark) {
    .img-scale {
	filter: invert(.9);
    }
}

.mark-0 {
    background-color:#aff;
}
.mark-1 {
    background-color:#faf;
}
.mark-2 {
    background-color:#ffa;
}
.mark-3 {
    background-color:#aaf;
}
.mark-4 {
    background-color:#afa;
}
.mark-5 {
    background-color:#faa;
}
.mark-6 {
    background-color:#adf;
}
.mark-7 {
    background-color:#fda;
}
.mark-8 {
    background-color:#afd;
}
.mark-9 {
    background-color:#fad;
}
.mark-10 {
    background-color:#dfa;
}
.mark-11 {
    background-color:#daf;
}


input#intersection {
    margin-left:2rem;
}