.hidden {
        display: none;
    }
    
    .tableStatblock {
        background: url(stat-block-top-texture.png) no-repeat,repeat top center,#fdf1dc;
        font-family: convergence,Arial,sans-serif;
        width: 400px;
        font-size: 12.6px;
        table-layout: fixed;
        overflow-wrap: break-word;
        flex: 1;
        
        border-top: 1px solid #e69a28;
        border-bottom: 1px solid #e69a28;
        border-spacing: 0;
        border-collapse: collapse;
        transform: translateZ(0);
        flex-shrink: 1;
    }
    #formMonsterGen {
        display: flex;
        flex-flow: column nowrap;
        flex-direction: row;
    }
    @media (max-width: 900px) {
	 #formMonsterGen {
          display: block;
       }
    }
    .info {
        flex: 1;
    }
    .info div {
        border-width: 1px;
        border-style: solid;
        border-color: black;
        border-radius: 5px;
        padding: 5px;
    }
    .info h3 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .info h4 {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    th {
        text-align: left;
    }
    
    .border {
        height: 3px;
        background: #e69a28;
    }
    
    .divider {
        padding: 1px 0.3em;
    }
    
    .divider div {
        background: #822000;
        height: 2px;
        margin: 6px 0;
    }
    
    .dividerTitle {
        border-bottom: 1px solid #822000;
        vertical-align: bottom!important;
        padding-left: 0.2rem;
    }
    
    .dividerTitle h3 {
        display: block;
        margin-top: -0.3rem;
        margin-bottom: -0.3rem;
        font-weight: 100;
        color: #822000;
        font-size: 18px;
        line-height: 23px;
        font-family: times new roman,serif;
        font-variant: small-caps;
    }
    
    .capitalized {
        text-transform:capitalize;
    }
    
    .field2Chars {
        width: 2.5em;
    }

    .field3Chars {
        width: 3.75em;
    }