body {
    background-color: #444444;
    overflow-x: scroll;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#PCMstuff{ 
    float: left;
    color: white;
}

#Datastuff{
    float: left;
    color: white;
}

#credits {
    float: right;
    text-align: right;
    white-space: pre-wrap;
    color: white;
}

a:link {
    color: #0096FF;
}

a:visited {
    color: #0096FF;
}

button {
    display: block;
}

/*
 * Node style codes are "abc" where:
 *   a = node type (q,x,z = qubit, x stabiliser, z stabiliser)
 *   b = node status (i,x,y,z = error types for qubits, 0,1 = +1,-1 measurement outcomes for stabilisers)
 *   c = selected y/n
*/

.qin {
    stroke: #fff;
    stroke-width: 1.5px;
    fill: black;
}
.qxn {
    stroke: #4D4DFF;
    stroke-width: 3px;
    fill: black;
}
.qzn {
    stroke: #FF2400;
    stroke-width: 3px;
    fill: black;
}
.qyn {
    stroke: #00FF40;
    stroke-width: 3px;
    fill: black;
}
/* These four are all the same style but link class is found using node class 
 * and it needs error information (i,x,y,z) even if this does not affect node colour
*/
.qiy {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: black;
}
.qxy {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: black;
}
.qzy {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: black;
}
.qyy {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: black;
}

.x0n {
    stroke: #fff;
    stroke-width: 1.5px;
    fill: #4D4DFF;
}
.x1n {
    stroke: black;
    stroke-width: 4px;
    fill: #4D4DFF;
}
/* Need to include 0/1 info for selected nodes even if does not affect style, as above*/
.x0y {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: #4D4DFF;
}
.x1y {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: #4D4DFF;
}

.z0n {
    stroke: #fff;
    stroke-width: 1.5px;
    fill: #FF2400;
}
.z1n {
    stroke: black;
    stroke-width: 4px;
    fill: #FF2400;
}
/* And here as well */
.z0y {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: #FF2400;
}
.z1y {
    stroke: #FFD700;
    stroke-width: 4px;
    fill: #FF2400;
}

/*Links connecting qubit errors to stabilisers which detect them are coloured appropriately*/

.noErr {
    stroke: white;
    stroke-opacity: 0.6;
    stroke-width: 3;
}
.xErr {
    stroke: #4D4DFF;
    stroke-opacity: 1;
    stroke-width: 4;
}
.zErr {
    stroke: #FF2400; 
    stroke-opacity: 1; 
    stroke-width: 4;
}