.sheet-solidblack {font-size: 10px; color: #708090;}
.sheet-whiteout {font-size: large; color: white;background-color:black;}

.sheet-paged { background-color: white;
    padding: 5px 5px 5px 5px;
}

.sheet-charsheet { display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-template-rows: 100px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px;
  grid-column-gap: 1.33%; 
  grid-row-gap: 1%;
}

::placeholder {text-align: center;} 
:-ms-input-placeholder {text-align: center;} 

.sheet-picturebox { grid-column-start: 2;  grid-column-end: 4;  grid-row-start: 2;  grid-row-end: 15; place-self: center; margin:10px;}

.sheet-attributenamebox { grid-column: 1;  grid-row: 2;}
.sheet-strbox { grid-column: 1;  grid-row: 3;}
.sheet-strgrid{ display: grid;  grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
.sheet-strgridlabel {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-strscore {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-strtemp {grid-column: 3;  grid-row: 1;  text-align: center;}
.sheet-dexbox { grid-column: 1;  grid-row: 4;}
.sheet-dexgrid{ display: grid;  grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
.sheet-dexgridlabel {grid-column: 1;  grid-row: 2;  text-align: center;}
.sheet-dexscore {grid-column: 2;  grid-row: 2;  text-align: center;}
.sheet-dextemp {grid-column: 3;  grid-row: 2;  text-align: center;}
.sheet-chabox { grid-column: 1;  grid-row: 5;}
.sheet-chagrid{ display: grid;  grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
.sheet-chagridlabel {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-chascore {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-chatemp {grid-column: 3;  grid-row: 1;  text-align: center;}
.sheet-magicbox { grid-column: 1;  grid-row: 6;}
.sheet-magicgrid{ display: grid;  grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
.sheet-magicgridlabel {grid-column: 1;  grid-row: 2;  text-align: center;}
.sheet-magicscore {grid-column: 2;  grid-row: 2;  text-align: center;}
.sheet-magictemp {grid-column: 3;  grid-row: 2;  text-align: center;}
.sheet-vitbox { grid-column: 1;  grid-row: 7;}
.sheet-vitgrid{ display: grid;  grid-template-columns: 28% 34% 34%; grid-column-gap: 2%;}
.sheet-vitgridlabel {grid-column: 1;  grid-row: 2;  text-align: center;}
.sheet-vitscore {grid-column: 2;  grid-row: 2;  text-align: center;}
.sheet-vittemp {grid-column: 3;  grid-row: 2;  text-align: center;}

.sheet-expertisenamebox { grid-column: 1;  grid-row: 8;}
.sheet-exp1box { grid-column: 1;  grid-row: 9;}
.sheet-exp1grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp1 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp1a {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-exp2box { grid-column: 1;  grid-row: 10;}
.sheet-exp2grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp2 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp2a {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-exp3box { grid-column: 1;  grid-row: 11;}
.sheet-exp3grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp3 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp3a {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-exp4box { grid-column: 1;  grid-row: 12;}
.sheet-exp4grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp4 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp4a {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-exp5box { grid-column: 1;  grid-row: 13;}
.sheet-exp5grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp5 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp5a {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-exp6box { grid-column: 1;  grid-row: 14;}
.sheet-exp6grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp6 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp6a {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-exp7box { grid-column: 1;  grid-row: 15;}
.sheet-exp7grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp7 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp7a {grid-column: 2;  grid-row: 1;  text-align: center;}
.sheet-exp8box { grid-column: 1;  grid-row: 16;}
.sheet-exp8grid{ display: grid;  grid-template-columns: 80% 18%; grid-column-gap: 2%;}
.sheet-exp8 {grid-column: 1;  grid-row: 1;  text-align: center;}
.sheet-exp8a {grid-column: 2;  grid-row: 1;  text-align: center;}

.sheet-itemslotnamebox { grid-column: 4;  grid-row: 2;}
.sheet-itemslot1 { grid-column: 4;  grid-row: 3;}
.sheet-itemslot2 { grid-column: 4;  grid-row: 4;}
.sheet-itemslot3 { grid-column: 4;  grid-row: 5;}
.sheet-itemslot4 { grid-column: 4;  grid-row: 6;}
.sheet-itemslot5 { grid-column: 4;  grid-row: 7;}
.sheet-sa1 { grid-column: 4;  grid-row: 8;}
.sheet-sa2 { grid-column: 4;  grid-row: 9;}
.sheet-sa3 { grid-column: 4;  grid-row: 10;}
.sheet-sa4 { grid-column: 4;  grid-row: 11;}
.sheet-sa5 { grid-column: 4;  grid-row: 12;}
.sheet-sa6 { grid-column: 4;  grid-row: 13;}
.sheet-sa7 { grid-column: 4;  grid-row: 14;}
.sheet-specialabilitynamebox { grid-column: 4;  grid-row: 15;}
.sheet-sa8 { grid-column: 4;  grid-row: 16;}

.sheet-weaponbox1 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 17;}
.sheet-weaponbox2 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 17;}
.sheet-weaponbox3 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 18;}
.sheet-weaponbox4 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 18;}
.sheet-weaponbox5 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 19;}
.sheet-weaponbox6 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 19;}
.sheet-weaponbox7 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 20;}
.sheet-weaponbox8 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 20;}
.sheet-weapongrid1 { display: grid;  grid-template-columns: 39% 60%; grid-column-gap: 1%;}
.sheet-weapongrid2 { display: grid;  grid-template-columns: 24% 24% 24% 24%; grid-column-gap: 1.33%;}
.sheet-weapon_namebox { grid-column: 1;  grid-row: 1; text-align: center;}
.sheet-weapon_name { grid-column: 2;  grid-row: 1; text-align: center;}
.sheet-weapon_dmgbox { grid-column: 1;  grid-row: 1; text-align: center;}
.sheet-weapon_dmg { grid-column: 2;  grid-row: 1; text-align: center;}
.sheet-weapon_rngbox { grid-column: 3;  grid-row: 1; text-align: center;}
.sheet-weapon_rng { grid-column: 4;  grid-row: 1; text-align: center;}

.sheet-inventorynamebox { grid-column-start: 1;  grid-column-end: 3;  grid-row: 21;}
.sheet-inventory1 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 22;}
.sheet-inventory2 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 23;}
.sheet-inventory3 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 24;}
.sheet-inventory4 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 25;}
.sheet-inventory5 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 26;}
.sheet-inventory6 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 27;}
.sheet-inventory7 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 28;}
.sheet-inventory8 { grid-column-start: 1;  grid-column-end: 3;  grid-row: 29;}

.sheet-spellsnamebox { grid-column-start: 3;  grid-column-end: 5;  grid-row: 21;}
.sheet-spell1 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 22;}
.sheet-spell2 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 23;}
.sheet-spell3 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 24;}
.sheet-spell4 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 25;}
.sheet-spell5 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 26;}
.sheet-spell6 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 27;}
.sheet-spell7 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 28;}
.sheet-spell8 { grid-column-start: 3;  grid-column-end: 5;  grid-row: 29;}

.sheet-identitybox { 
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 1;
}

.sheet-identitygrid { display: grid;
  grid-template-columns: 33% 33% 15% 16%;
  grid-template-rows: 49% 49%;
  grid-column-gap: 1%;
  grid-row-gap: 2%;
}

.sheet-namebox {
  grid-column: 1;
  grid-row: 1;
  text-align: center;
}

.sheet-playerbox {
  grid-column: 2;
  grid-row: 1;
  text-align: center;
}

.sheet-racebox {
  grid-column: 3;
  grid-row: 1;
  text-align: center;
}

.sheet-classbox {
  grid-column: 4;
  grid-row: 1;
  text-align: center;
}

.sheet-hpgrid{ display: grid;
  grid-template-columns: 28% 34% 34%;
  grid-template-rows: 100%;
  grid-column-gap: 2%;
  grid-row-gap: 2%;
}

.sheet-hpbox{
  grid-column: 1;
  grid-row: 1;
}

.sheet-label{
  width: 100%;
  border-radius: 5px;
  text-align: center;
  background: black;
}

.sheet-currenthpbox{
  grid-column: 2;
  grid-row: 1;
  text-align: center;
}

.sheet-maxhpbox{
  grid-column: 3;
  grid-row: 1;
  text-align: center;
}

.sheet-armorgrid{ display: grid;
  grid-template-columns: 32% 32% 32%;
  grid-template-rows: 100%;
  grid-column-gap: 2%;
  grid-row-gap: 2%;
}

.sheet-armorbox{
  grid-column: 1;
  grid-row: 1;
  text-align: center;
}

.sheet-armorvaluebox{
  grid-column: 2;
  grid-row: 1;
  text-align: center;
}

.sheet-speedbox{
  grid-column: 3;
  grid-row: 1;
  text-align: center;
}


.sheet-affinitybox{
  grid-column: 3;
  grid-row: 2;
  text-align: center;
}

.sheet-effectrangebox{
  grid-column: 4;
  grid-row: 2;
  text-align: center;
}

.sheet-logobox {  place-self: center;
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 1;
}

.sheet-logo { place-self: center}