.body{
    border:1px solid black;
    padding:10px;
    margin:10px;
    width:50px;
    height: 70px;
    text-align: center;;
}

#cell {

}

.oneCell {
    /* position: absolute; */
    background-color: aqua;
    border: 1px solid black;
    margin:10px;
    width: 92px;
    display: inline-block;
}

input[type=text] {
    width: 25px;
}



.oneCellSum {
    background-color: white;
    border: 1px solid black;
    margin:10px;
    width: 70px;
    min-height: 90px;
    display: inline-block;  
}

.hide {
    display: none;
}

.smallBox {
    border: 1px solid black;
    width:5px;
    height: 5px;
    float: right;
    background-color: blue;
}

#gate {
    border: 2px solid blue;
    width: 90px;
    height: 100px;
    margin: 10px;
    padding: 5px;
    display: inline-block;  
}

#latch, #halfAdder, #fullAdder {
    border: 2px solid red;
    max-width: 157px;
    min-height: 100px;
    margin: 10px;
    padding: 5px;
    background-color: deepskyblue;
    display: inline-block;  
}

.cFalse {
    background-color: coral !important;
}

.cTrue {
    background-color: chartreuse !important;
}

pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.string { color: green; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: red; }

#halfAdder { background-color: cadetblue; }