:root {
    --main-bg-color: #1A355B;
    --code-font-family: monospace;
    --text-color:#D4E6F1;  
    --text-error-color:red;
    --text-code-color: yellow;  
    --border-style: 1px solid var(
    --text-color);
    --border-radius: 0px;
    --panel-bg-color: #000; 
    --panel-width: 80;     
    --menu-bg-color: #224;    
    --menu-text-color: #EEE;    
    --menu-item-padding:4px 12px 4px 12px;
    --menu-bg-hover: green;
    --menu-bg-hover-border: none;
    --menu-color-active: #111;
    --menu-bg-active: #ccc;
    --menu-dropdown-content-bg-color: #ccc;
    --menu-dropdown-text-color: black;
  }
  
    body {
        background-color: #1A355B;
        color: white
    }

    #console {
        margin: auto;
        text-align: center;
        border: none;
        margin-top: 0px;        

    }

    #program_screen{
        overflow:auto;
    }

/* outermost content panel (for console screen, help screen, kb listing, etc.) */
.content_panel {
    border-top: none;
    background-color: black;  
    margin:auto;  
    text-align: left;  
    margin-top:12px;
    border: var(--border-style);
    border-radius: var(--border-radius);
  
    width:50%;
    padding-top:12px;
    padding-left:12px;
    padding-bottom:12px;
    box-sizing: border-box;
  }



    #querybar {
        text-align: center;
        margin-top: 6px;
    }

    #queens-select {
        padding-left: 12px;
        padding-right: 12px;
    }

    div.grid {
        display: inline-grid;
        grid-template-columns: repeat(8, 30px);
        gap: 1px;
        text-align: center;
        margin: auto;
        margin-top: 12px;
        align-items: center;
    }

    .grid div {
        aspect-ratio: 1/1;
        color: goldenrod;
        background: royalblue;
        text-align: center;
        border: 1px solid blue;
        border-radius: 10px;
        margin: auto;
        width: 30px;

    }

    .grid div.legendgrid {
        aspect-ratio: 1/1;
        color: goldenrod;
        background:  #1A355B;
        text-align: center;
        border: none;
        margin: auto;
        width: 30px;
    }

    h3,
    option {
        text-align: center;
    }

    select,
    button {
        margin: 3px;
        padding: 6px;
    }

    img {
        margin: auto
    }