

.main {
     display:grid; 
    grid-template-rows:70px calc(100% - 70px);
    grid-template-columns:75% 25%; 
    gap:4px;
    margin:2%;
    height:96vh;
    line-height: 1.5; font-size:16px; font-family: sans-serif; font-weight:lighter;
}
.main #content{
    
    display:grid;
    
    grid-column: 1 / span 2;
    
    /* display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    align-self:center; */
   
   
}
/* .main .pane {border-left:1px solid transparent; height:100%;} */
.bold {font-weight:bold}
.small-text {font-size:12px; font-weight:lighter; color :#000000;}
.active {cursor:pointer; padding:2px; margin:2px; border-bottom:2px solid transparent}
.active:hover {border-bottom-color: #4682b4;}

/**
* 
*/
.large-text {font-weight:bold; font-size:28px;}
    