/*
    Site Wide
*/

body {
    background-image: url("/p2e-creation/images/paper.jpg");
    width: 100%;
    height: 100%;
}



/*
    Main Page
*/

.charBlock {
    background-color: azure;
    width: 200px;
    max-width: 45%;
    height: 200px;
    padding-top: 5px;
    margin: 10px 10px 0 0;
    display: inline-block
   
}
.classBlockIcon {
    background-position: center top; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    width: 200px;
    height: 150px;
    
}
.charBlock p {
    font-weight: bold;
    font-size: 150%;
    padding-left: 20px;
}

.charBlock a {
    color:black;
    text-decoration:none;
}

/*
    Character Class section
*/

.charClassTitle {
    font-size: 300%;
    text-decoration-line: underline;
    
}

/*
    Entire Level up section
*/

.formNextButton {
    width: fit-content;
    margin-top: 5px;
}


.miniFeatBlock {
    background-color: rgb(158, 178, 123);
    width: 95%;
    margin:5px auto 0 auto
} 
/*
    Ancestry section
*/
.ancestryBlock {
    background-color: azure;
    width:550px;
    height:230px;
    min-height: fit-content;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px 10px 0 0;
    display: inline-block;
    
   
}


.ancestBlockIcon {
    
    width: 30%;
    height: 100%;
    float: left;
    
}

.ancestBlockIcon img {
    height: auto;
    max-height: 95%;
    width: 100%;
}


.ancestName{
    display: block;
}
.ancestDisc {
    display: block;
    padding-right: 10px;
    text-wrap: balance;
}

.ancestRightSide{
    float:right;
    text-wrap: balance;
    width: 65%;
}

.ancestRadio{
    float: left;
}

.heritageBlock {
    background-color: azure;
    width:600px;
    height:200px;
    min-height: fit-content;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px 10px 0 0;
    display: inline-table;
}

.ancestryFeatBlock {
    background-color: azure;
    width:600px;
    height:200px;
    min-height: fit-content;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px 10px 0 0;
    display: inline-table;
}

.charSheetBlock {
    background-color: azure;
    width:90%;
    height:fit-content;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 10px 10px 0 0;
    display: inline-table;
}
/*
    Level Select
*/
#levelInputBox {
    background-color: azure;
    padding: 3px 10px 3px 10px;
    max-width: fit-content;
}

/*
    Character Sheet
*/

#statSection{
    display: inline-table;
    margin-right: 10px;
}

#featSection{
    display: inline-block;
}

.featsCharSheet{
    display:block;
    background-color: azure;
}

.sheetTable {
    background-color: azure;
    display: inline-block;
    margin: 5px 5px 5px 5px;
}

.sheetTable table, th, td{
    border: 1px solid black;
   
}

.topStat {
    background-color: azure;
    margin: 5px 5px 5px 5px;
    width: fit-content;
    height: 30px;
    padding: 1px 10px 1px 10px;
    display: inline-table;
}



/*
    Image Blocks
*/
#alchBlock {
    background-image: url("/p2e-creation\\images\\Alchemist_Icon.png");  
}
#barbBlock {
    background-image: url("/p2e-creation\\images\\Barbarian_Icon.png");  
}
#bardBlock {
    background-image: url("/p2e-creation\\images\\Bard_Icon.png");  
}
#champBlock {
    background-image: url("/p2e-creation\\images\\Champion_Icon.png");  
}
#clericBlock {
    background-image: url("/p2e-creation\\images\\Cleric_Icon.png");  
}
#druidBlock {
    background-image: url("/p2e-creation\\images\\Druid_Icon.png");  
}
#fightBlock {
    background-image: url("/p2e-creation\\images\\Fighter_Icon.png");  
}
#gunBlock {
    background-image: url("/p2e-creation\\images\\Gunslinger_Icon.png");  
}
#inventBlock {
    background-image: url("/p2e-creation\\images\\Inventor_Icon.png");  
}
#investBlock {
    background-image: url("/p2e-creation/images/Investigator_Icon.png");  
}
#magBlock {
    background-image: url("/p2e-creation\\images\\Magus_Icon.png");  
}
#monkBlock {
    background-image: url("/p2e-creation\\images\\Monk_Icon.png");  
}
#oraBlock {
    background-image: url("/p2e-creation\\images\\Oracle_Icon.png");  
}
#psyBlock {
    background-image: url("/p2e-creation\\images\\Psychic_Icon.png");  
}
#rangBlock {
    background-image: url("/p2e-creation\\images\\Ranger_Icon.png");  
}
#rougeBlock {
    background-image: url("/p2e-creation\\images\\Rogue_Icon.png");  
}
#sorcBlock {
    background-image: url("/p2e-creation\\images\\Sorcerer_Icon.png");  
}
#summBlock {
    background-image: url("/p2e-creation\\images/Summoner_Icon.png");  
}
#swashBlock {
    background-image: url("/p2e-creation/images/Swashbuckler_Icon.png");  
}
#thaumBlock {
    background-image: url("/p2e-creation/images/Thaumaturge_Icon.png");  
}
#witchBlock {
    background-image: url("/p2e-creation/images/Witch_Icon.png");  
}
#wizBlock {
    background-image: url("/p2e-creation/images/Wizard_Icon.png");  
}
#kinBlock {
    background-image: url("/p2e-creation/images/Kineticist_Icon.png");  
}