
* {
    font-family: "Consolas";
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000,
        1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000; /**/
}
body {
    background-color: #000000;
    color: #E0E0E0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #C0D0FF;
}
a:hover {
    text-decoration: underline;
}

/*
select{
    background: transparent;
    color: inherit;
    border: 1px solid #404040;
}
select:hover{
    border: 1px solid #808080;
}
select:focus{
    border: 1px solid #C0C0C0;
}
select option{
    background: #000000;
}
*/

input[type=number] {
    background-color: #0000;
    color: inherit;
    /*
    appearance: textfield;
    */
    border: 1px solid #404040;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /*
    -webkit-appearance: none !important;
    margin: 0;
    */
}
input:focus::-webkit-outer-spin-button,
input:focus::-webkit-inner-spin-button {
    /*
    -webkit-appearance: initial;
    margin: initial;
    */
    border: 1px solid #808080;
    outline: none;
}
input[type=checkbox]:hover {
    border: 1px solid #808080;
}
input[type=number]:hover {
    border: 1px solid #808080;
}
input[type=number]:focus {
    /*
    appearance: initial !important;
    */
    border: 1px solid #C0C0C0;
    outline: none;
}
input[type=checkbox]:active {
    outline: 1px solid #ffffff;
}
input[type=checkbox]:checked:active {
    outline: 1px solid #ffffff;
}
input[type=checkbox]:checked {
    accent-color: #000000;
    outline: 1px solid #404040;
}
input[type=checkbox]:checked:hover:not(:active) {
    outline: 1px solid #808080;
}

button {
    border: 1px solid #404040;
    background-color: #000000;
    color: #ffffff;
}
button:hover {
    border: 1px solid #808080;
}
button:active {
    border: 1px solid #ffffff;
}

ul {
    list-style-type: none;
    padding-left: 1em;
    margin-top: 0;
    margin-bottom: 0;
}
h1, h2, h3 {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}

table {
    border: none;
}

.CTextDisabled {
    text-decoration: line-through;
}

#ICanvas {
    image-rendering: pixelated;
    background-color: #000000;
}
#IInput_Rotators,
#IInput_DrawStartCount {
    display: inline-block;
    width: calc( 1em + 2em );
}
#IInput_Iterations {
    display: inline-block;
    width: calc( 3em + 2em );
}
#IInput_RotatorIndex,
#IInput_DrawStartRotatorIndexCount {
    display: inline-block;
    width: calc( 1em + 2em );
}
#IInput_Fps,
#IInput_RotatorAngle,
#IInput_RotatorAngleSpeed,
#IInput_RotatorAngleCeleration,
#IInput_RotatorAngleOffset,
#IInput_RotatorAngleOffsetSpeed,
#IInput_RotatorAngleOffsetCeleration,
#IInput_RotatorAngleOffsetCelerationAngle,
#IInput_RotatorLengthRatio,
#IInput_RotatorLengthSpeed,
#IInput_RotatorLengthSpeedAngle {
    display: inline-block;
    width: calc( 3em + 2em );
}
#IStats {
    background-color: #00000080;
    padding-right: 1em;
    padding-bottom: 1em;
    position: absolute;
    top: 1em;
    z-index: 1;
}
#ICentre{
    margin: 0 auto;
    max-width: min( 100vw, 100vh );
}