:root {
    --main-bg-color:#1A355B;
    --color: goldenrod;
    --border: 1px solid goldenrod;
}

body {
    background-color: var(--main-bg-color);
    color: var(--color);
    text-align: center;
}

#container{
    margin:auto;
    width:fit-content
}

table,tr,td{
    margin:0px;
    padding:6px;
    border-collapse: collapse;
    color: var(--color);
}

.b{    
    border-bottom: var(--border);
}
.r{
    border-right: var(--border);
}
.t{
    border-top: var(--border);
}

.l{
    border-left: var(--border);
}
.rb{
    border-right: var(--border);
    border-bottom: var(--border);
}
.lb{
    border-left: var(--border);
    border-bottom: var(--border);
}
.tb{
    border-top: var(--border);
    border-bottom: var(--border);   
}
.tr{
    border-top: var(--border);
    border-right: var(--border);
}
.lr{
    border-left: var(--border);
    border-right: var(--border);   
}
.lt{
    border-left: var(--border);
    border-top: var(--border);   
}

.ltr{
    border-left: var(--border);
    border-top: var(--border);
    border-right: var(--border);    
}

.ltb{
    border-left: var(--border);
    border-top: var(--border);   
    border-bottom: var(--border);
}

.lrb{
    border-left: var(--border);  
    border-right: var(--border);
    border-bottom: var(--border);
}

.trb{ 
    border-top: var(--border);
    border-right: var(--border);
    border-bottom: var(--border);
}

.content_panel {
    border-top: none;
    background-color: black;  
    margin:auto;  
    text-align: left;  
    margin-top:12px;
    border: 1px solid white;
    border-radius: 0px;
    width:50%;
    padding-top:12px;
    padding-left:12px;
    padding-bottom:12px;
    box-sizing: border-box;
    overflow: auto;
  }
