body{
    font-family: sans-serif;
    background-color: transparent;
}
body.main{
    background-color: var(--backdrop);
    text-align: center;
}
table {
    border: black 0.5px solid;
    width: 100%
    
}
th{
    background-color: white;
    font-size: 12px;
}
.cat{
    background-color: #ffff0040;
    font-size: 10px;
}
.label{
    text-align: center;
    font-size: x-large;
    padding-top: 10%;
    background-color: transparent;
}
.series{
    width: 360px;
    height: 60px;
    font-family: monospace;
}
:root {
  --backdrop: rgb(50, 50, 50);
  --sphere0: white;
  --sphere1: olive;
/* above to be moved, below to be removed (made available on top level */
  --ucll-red: #e00049;
  --ucll-blue: #002757;
  --ucll-sky: #9FDAF9;
}
.hide{
    display: none;
}
h1 {
  color: lightgray;
  text-shadow: 1px 1px 2px black, 0 0 25px white;
}
h2 {
  text-shadow: 1px 1px 2px black, 0 0 5px white;
}
label{
    color: grey;
}
button.start{
    background-color: grey;
}
button.start:hover{
    background-color: white;
}
span{
    color: white;
}
.ac{
    margin-left: 40%;
    margin-right: 40%;
}