body {
    background: white;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    }

div#spinnerContainer {  /* width and height set in js */
    position: relative;
    border: 1px solid orange;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    }

div.spinner {   /* width and height set in js */
    position: absolute;
    }
    
div.spinner div {
    background: white;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }

div.spinner div.flipped {
    background: orange;
    }
    
div#buttons {   /* width set in js */
    height: 22px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    }
    
div#buttons .button {
    float: left;
    border: 1px solid orange;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    }

div#invertButton {
    background: url('images/invert.png');
    }

div#pxlfunkButton {
    background: url('images/f.png');
    }

div#clearButton {
    background: url('images/X.png');
    }

div#clickModeButton.button{
    background: url('images/clickMode.png');
    float: right;
    margin-right: 0;
    }

div#buttons .activeButton {
    background: none;
    background-color: orange;
    }