.pagecontent_col {
    background-color: var(--Background_Dark);
    position: absolute;
   
    width: 864px;
    height: auto;
    
    display: flex;
    flex-direction: row;
    float: left;
    top: 0;
    margin-left: 222px; /*Navbar width plus border graphic width*/
    padding-left: 0px;
    
    background: no-repeat url(/11-resources/02-images/HomePageBorderTop.png);
    background-position: top 0px right 0px;
    background-size: 100% 8px;
}

.char_TV{
  margin: 6px;
  margin-top: 8px;
  float: left;
  width: 432px;
  flex: 1;
}

.stat_block{
  
  flex: 1;
  
}



h1.stat_block{
  /*background: radial-gradient(farthest-side circle, var(--Background_Light) 60%,transparent 90%);*/
  
  
  
  /*background: linear-gradient(180deg, transparent, var(--Background_Light) 10%, var(--Background_Light) 50%, var(--Background_Light) 90%, transparent);*/
  
  background: linear-gradient(180deg, var(--Background_Light) 50%, var(--Background_Light) 85%, transparent);
  
  color: var(--Background_Dark);
  text-align: center;
  padding: 8px;
  /*Border radius order: top-left, top-right, bottom-right, bottom-left */
  border-radius: 30px 30px 0px 0px; 
  
  
  
}

ul.stat_block {
    position: relative;
    top: 0px;
    list-style-type: none;
   
    padding: 0px;
    margin: 0px;
    margin-left: 2em;
     display: flex; /* Use flexbox for vertical alignment */
    flex-direction: column; /* Stack items vertically */
    
    /*line-height: 43px;*/
    text-align: left;
    background-color: transparent;
    border: none;
    /*display:inline;*/

}

.stat_block li abbr{
border-bottom: none;
text-decoration: none;
}

li.stat_block{
    margin-bottom: 1em;
    line-height: 1.5em;
}

/* Resize for smaller screens */
      @media screen and (max-width: 800px) {
        
        .pagecontent_col{
          display: flex;
          flex-direction: column;
          margin-left: 0.25rem;
          /* width = viewport - border graphic width - border graphic margin*/
          width: calc(100vw - 1rem);
          min-width: 300px;
          padding: 0;
        
        }
        
        .char_TV{
          
          margin-left: 8px;
          
          width: calc(100% - 8px);
          margin-bottom: 0;
          margin-right: 0;
          padding-bottom: 0;
          
        }
        
        img.char_TV{
          width: 90%;
          margin-left: 5%;
          transform: translateX(6px);
         
          
          }
        .stat_block{
          margin-top: 0;
          margin-right: 0.25rem;
          
          
        }
        
        h1.stat_block{
         margin-top: 0.25rem;
        
        }
      }    
          
          
          
          
          
          
        }
      }