body {
    background:rgb(20,20,20);
    color:rgba(255,255,255,0.8);
    font-family:monospace;
}

h1 {
    margin:0;
    padding:0.2rem 1rem;
    font-size:1.5rem;
}

h2 {
    margin:0;
    padding:0.2rem;
    font-size:1.5rem;
}

h3 {
    margin:0;
    padding:0.2rem;
    font-size:1.2rem;
}

#builder {
    display:flex;
    background:rgba(255,255,255,0.1);
    box-shadow:0 0 1rem rgba(0,0,0,0.6);
}

#builder form {
    display:flex;
    align-items:flex-start;
    cursor:default;
    font-size:1rem;
}

#builder form .builderSection {
    display:flex;
    flex-direction:column;
    margin:0.5rem 2rem;
    background:rgba(255,255,255,0.1);
    padding:1rem;
    transition-duration:0.2s;
    box-shadow:0 0 1rem rgba(0,0,0,0.6);
    border-radius:0.2rem;
    user-select: none;
}

#builder form .builderSection:hover {
    background:rgba(255,255,255,0.2);
}

div.builderSection#jumpRegister, div.builderSection#ALURegister {
    display: none;
    width:10rem;
}

div.builderSection#Address {
    display: none;
    width:11rem;
}

#instruction {
    background:rgba(255,255,255,0.1);
    border:3px solid rgba(255,255,255,0.1);
    border-radius:0.2rem;
    font-size:3rem;
    font-family:monospace;
    text-align:center;
    color:rgba(255,255,255,0.9);
    text-shadow:0.1rem 0.1rem 0rem rgba(0,0,0,0.7);
    margin:1rem 0 0 0;
}

#instructionResult form {
    display:flex;
    flex-direction:column;
    align-items: stretch;
}

#instructionResult {
    display:flex;
    flex-direction:column;
    align-items: center;
    width:100%;
    background:rgba(255,255,255,0.1);
    align-items: stretch;
    padding:0 1rem;
}

#instructionAdd {
    background:rgba(255,255,255,0.8);
    align-items: stretch;
    padding:0 1rem;
    font-size:2rem;
    font-family:monospace;
    color:rgba(0,0,0,0.7);
    text-shadow:0.05rem 0.05rem 0 rgba(0,0,0,0.4);
    border-radius:0.5rem;
    border:none;
}

#instructionResult textarea {
    background:rgba(255,255,255,0.8);
    border:3px solid rgba(0,0,0,0.1);
    border-radius:0.2rem;
    font-size:1rem;
    font-family:monospace;
    text-align:center;
    color:rgba(255,255,255,0.9);
    text-shadow:0.04rem 0.04rem 0rem rgba(255,255,255,0.9);
    margin:1rem 0;
    box-shadow:0 0 1rem rgba(0,0,0,0.6);
    color:rgba(0,0,0,0.9);
    height:10rem;
    flex-grow:2;
}

#instructionResult div {
    display:flex;
    align-items: center;
    margin:1rem 0;
}

#instructionResult div input {
    flex-grow:2;
    margin-left:1rem;
    background:rgba(255,255,255,0.1);
    border:3px solid rgba(255,255,255,0.1);
    border-radius:0.2rem;
    font-size:1.2rem;
    font-family:monospace;
    text-align:left;
    padding:0 0.5rem;
    color:rgba(255,255,255,0.9);
    text-shadow:0.1rem 0.1rem 0rem rgba(0,0,0,0.7);
}

table {
    width:100%;
    border-collapse:collapse;
    margin:1rem 0;
}

tr:hover {
    background:rgba(255,255,255,0.05);
    cursor:pointer;
}

th {
    font-size:1.2rem;
    font-weight:bold;
    background:rgba(0,0,0,0.8);
    border:1px solid rgb(0,0,0,1);
    padding:0.5rem 1rem;
}

th:nth-of-type(2n) {
    background:rgba(255,255,255,0.01);
}

td {
   margin:0;
   padding:0.2rem 1rem; 
    border:1px solid rgb(0,0,0,1);
}

td:nth-of-type(2n) {
    background:rgba(255,255,255,0.1);
}

tr>:nth-of-type(1) {
    width:1rem;
    text-align:right;
}

tr>:nth-of-type(2) {
    width:1rem;
    text-align:center;
}

tr>:nth-of-type(3) {
    width:2rem;
    text-align:center;
}

tr>:nth-of-type(4) {
    width:8rem;
    text-align:left;
}

td:nth-of-type(5) b {
    border:1px solid rgba(255,255,255,0.2);
    font-weight:bold;
    padding:0 1rem;
}

tr.jumpHighlight {
    background:rgba(160,20,160,0.3);
}

tr.activeHighlight {
    background:rgba(255,255,200,0.7);
    color:rgba(0,0,0,0.9);
    text-shadow:0.05rem 0.05rem 0 rgba(255,255,255,0.5);
}
tr.activeHighlight.jumpHighlight {
    background:rgba(255,220,220,0.7);
}

tr.activeHighlight td:nth-of-type(5) b {
    border:1px solid rgba(0,0,0,0.8);
    font-weight:bold;
    padding:0 1rem;
}

.radio {
    display:flex;
    align-items: center;
    justify-content: flex-start;
    width:100%;
}

.radio label {
    flex-grow:2;
    cursor:pointer;
}

label:hover {
    background:rgba(255,255,255,0.1);
}