roll20-character-sheets/Hollow_Knight_Unofficial_TTRPG/HKRPG.css

/* Container holding the image and the text */

/*Configure the tab buttons*/
.charsheet .sheet-page1,
.charsheet .sheet-casting,
.charsheet .sheet-page2,
.charsheet .sheet-page3,
.charsheet .sheet-page5,
.charsheet .sheet-traits,
.charsheet .sheet-modifiers,
.charsheet .sheet-modifiersweapon, 
.charsheet .sheet-enemy {
    display: none;
}

/* show the selected tab */
.charsheet .sheet-tabstoggle[value="page1"] ~ div.sheet-page1,
.charsheet .sheet-tabstoggle[value="casting"] ~ div.sheet-casting,
.charsheet .sheet-tabstoggle[value="page2"] ~ div.sheet-page2,
.charsheet .sheet-tabstoggle[value="page3"] ~ div.sheet-page3,
.charsheet .sheet-tabstoggle[value="page5"] ~ div.sheet-page5,
.charsheet .sheet-tabstoggle[value="traits"] ~ div.sheet-traits,
.charsheet .sheet-tabstoggle[value="modifiers"] ~ div.sheet-modifiers,
.charsheet .sheet-tabstoggle[value="modifiersweapon"] ~ div.sheet-modifiersweapon, 
.charsheet .sheet-tabstoggle[value="enemy"] ~ div.sheet-enemy {
    display: block;
}


.container {
  position: relative;
  text-align: center;
  color: black;
}

.container2 {
  position: relative;
  text-align: center;
  color: black;
}

.container3 {
  position: relative;
  text-align: center;
  color: black;
}

.container4 {
  position: relative;
  text-align: center;
  color: black;
}


.container5 {
  position: relative;
  text-align: center;
  color: black;
}


.image2 {
  z-index: 0;
  height: 960px;
  width: 750px;
}

.image {
  z-index: 0;
  height: 960px;
  width: 750px;
}

.image4 {
  z-index: 0;
  height: 960px;
  width: 750px;
}

#wgtmsr{
 width:70px;   
}

#wgtmsrr{
 width:80px;   
}

#wgtmsrrr{
 width:110px;   
}

#wgtmsrrrr{
 width:95px;   
}

#wgtmsrrrbr{
 width:68px;   
}

.testest {
  position: absolute;
  top: 64px;
  left: 324px;
}

.focus {
  position: absolute;
  top: 903px;
  left: 302px;
}

.focusnum {
  position: absolute;
  top: 901px;
  left: 388px;
}

.might {
  position: absolute;
  top: 64px;
  left: 194px;
}

.might-mod {
  position: absolute;
  top: 94px;
  left: 194px;
}

.insight {
  position: absolute;
  top: 154px;
  left: 194px;
}

.insight-mod {
  position: absolute;
  top: 185px;
  left: 194px;
}

.shell {
  position: absolute;
  top: 240px;
  left: 194px;
}

.shell-mod {
  position: absolute;
  top: 270px;
  left: 194px;
}

.grace {
  position: absolute;
  top: 334px;
  left: 194px;
}

.grace-mod {
  position: absolute;
  top: 365px;
  left: 194px;
}

.checkmight {
  position: absolute;
  top: 62px;
  left: 50px;
}

.checkinsight {
  position: absolute;
  top: 152px;
  left: 50px;
}

.checkshell {
  position: absolute;
  top: 236px;
  left: 50px;
}

.checkgrace {
  position: absolute;
  top: 332px;
  left: 50px;
}

.checkcute {
  position: absolute;
  top: 908px;
  left: 449px;
}

.checkspook {
  position: absolute;
  top: 908px;
  left: 510px;
}

.grapplefinal {
  position: absolute;
  top: 98px;
  left: 80px;
}

.grappletoggle {
  position: absolute;
  top: 127px;
  left: 82px;
}

.artarc1 {
  position: absolute;
  top: 90px;
  left: 48px;
}

.artarc2 {
  position: absolute;
  top: 122px;
  left: 48px;
}

.artarc3 {
  position: absolute;
  top: 155px;
  left: 48px;
}

.artarc4 {
  position: absolute;
  top: 187px;
  left: 48px;
}

.artarc5 {
  position: absolute;
  top: 220px;
  left: 48px;
}

.artarc6 {
  position: absolute;
  top: 253px;
  left: 48px;
}

.artarc7 {
  position: absolute;
  top: 285px;
  left: 48px;
}

.artarc8 {
  position: absolute;
  top: 318px;
  left: 48px;
}

.artarc1check {
  position: absolute;
  top: 94px;
  left: 329px;
}

.artarc2check {
  position: absolute;
  top: 126px;
  left: 329px;
}
.artarc3check {
  position: absolute;
  top: 159px;
  left: 329px;
}
.artarc4check {
  position: absolute;
  top: 191px;
  left: 329px;
}
.artarc5check {
  position: absolute;
  top: 224px;
  left: 329px;
}
.artarc6check {
  position: absolute;
  top: 257px;
  left: 329px;
}

.artarc7check {
  position: absolute;
  top: 289px;
  left: 329px;
}

.artarc8check {
  position: absolute;
  top: 322px;
  left: 329px;
}

.charm1 {
  position: absolute;
  top: 423px;
  left: 52px;
}

.charm2 {
  position: absolute;
  top: 456px;
  left: 52px;
}

.charm3 {
  position: absolute;
  top: 489px;
  left: 52px;
}

.charm4 {
  position: absolute;
  top: 521px;
  left: 52px;
}

.charm5 {
  position: absolute;
  top: 554px;
  left: 52px;
}

.charm6 {
  position: absolute;
  top: 586px;
  left: 52px;
}

.charm7 {
  position: absolute;
  top: 619px;
  left: 52px;
}

.charm8 {
  position: absolute;
  top: 652px;
  left: 52px;
}

.charm1notch {
  position: absolute;
  top: 423px;
  left: 296px;
}

.charm2notch {
  position: absolute;
  top: 456px;
  left: 296px;
}

.charm3notch {
  position: absolute;
  top: 489px;
  left: 296px;
}

.charm4notch {
  position: absolute;
  top: 521px;
  left: 296px;
}

.charm5notch {
  position: absolute;
  top: 554px;
  left: 296px;
}

.charm6notch {
  position: absolute;
  top: 586px;
  left: 296px;
}

.charm7notch {
  position: absolute;
  top: 619px;
  left: 296px;
}

.charm8notch {
  position: absolute;
  top: 652px;
  left: 296px;
}

.charmnotchmax {
  position: absolute;
  top: 392px;
  left: 289px;
}

.techslot {
  position: absolute;
  top: 58px;
  left: 314px;
}

.profname1 {
  position: absolute;
  top: 748px;
  left: 52px;
}

.profname2 {
  position: absolute;
  top: 748px;
  left: 278px;
}

.profname3 {
  position: absolute;
  top: 748px;
  left: 504px;
}

.profname1num {
  position: absolute;
  top: 748px;
  left: 216px;
}

.profname2num {
  position: absolute;
  top: 748px;
  left: 442px;
}

.profname3num {
  position: absolute;
  top: 748px;
  left: 668px;
}

.prof11 {
  position: absolute;
  top: 780px;
  left: 54px;
}

.prof12 {
  position: absolute;
  top: 812px;
  left: 54px;
}

.prof13 {
  position: absolute;
  top: 845px;
  left: 54px;
}

.prof14 {
  position: absolute;
  top: 877px;
  left: 54px;
}

.prof21 {
  position: absolute;
  top: 780px;
  left: 280px;
}

.prof22 {
  position: absolute;
  top: 812px;
  left: 280px;
}

.prof23 {
  position: absolute;
  top: 845px;
  left: 280px;
}

.prof24 {
  position: absolute;
  top: 877px;
  left: 280px;
}

.prof31 {
  position: absolute;
  top: 780px;
  left: 506px;
}

.prof32 {
  position: absolute;
  top: 812px;
  left: 506px;
}

.prof33 {
  position: absolute;
  top: 845px;
  left: 506px;
}

.prof34 {
  position: absolute;
  top: 877px;
  left: 506px;
}

.prof11check {
  position: absolute;
  top: 785px;
  left: 191px;
}

.prof12check {
  position: absolute;
  top: 817px;
  left: 191px;
}

.prof13check {
  position: absolute;
  top: 850px;
  left: 191px;
}

.prof14check {
  position: absolute;
  top: 882px;
  left: 191px;
}

.prof21check {
  position: absolute;
  top: 785px;
  left: 418px;
}

.prof22check {
  position: absolute;
  top: 817px;
  left: 418px;
}

.prof23check {
  position: absolute;
  top: 850px;
  left: 418px;
}

.prof24check {
  position: absolute;
  top: 882px;
  left: 418px;
}

.prof31check {
  position: absolute;
  top: 785px;
  left: 644px;
}

.prof32check {
  position: absolute;
  top: 817px;
  left: 644px;
}

.prof33check {
  position: absolute;
  top: 850px;
  left: 644px;
}

.prof34check {
  position: absolute;
  top: 882px;
  left: 644px;
}

.lightequip {
  position: absolute;
  top: 473px;
  left: 354px;
}

.eqmnt1 {
  position: absolute;
  top: 84px;
  left: 386px;
}

.eqmnt1load {
  position: absolute;
  top: 84px;
  left: 667px;
}

.eqmnt2 {
  position: absolute;
  top: 116px;
  left: 386px;
}

.eqmnt2load {
  position: absolute;
  top: 116px;
  left: 667px;
}

.eqmnt3 {
  position: absolute;
  top: 149px;
  left: 386px;
}

.eqmnt3load {
  position: absolute;
  top: 149px;
  left: 667px;
}

.eqmnt4 {
  position: absolute;
  top: 181px;
  left: 386px;
}

.eqmnt4load {
  position: absolute;
  top: 181px;
  left: 667px;
}

.eqmnt5 {
  position: absolute;
  top: 214px;
  left: 386px;
}

.eqmnt5load {
  position: absolute;
  top: 214px;
  left: 667px;
}

.eqmnt6 {
  position: absolute;
  top: 246px;
  left: 386px;
}

.eqmnt6load {
  position: absolute;
  top: 246px;
  left: 667px;
}

.eqmnt7 {
  position: absolute;
  top: 279px;
  left: 386px;
}

.eqmnt7load {
  position: absolute;
  top: 279px;
  left: 667px;
}

.eqmnt8 {
  position: absolute;
  top: 312px;
  left: 386px;
}

.eqmnt8load {
  position: absolute;
  top: 312px;
  left: 667px;
}

.eqmnt9 {
  position: absolute;
  top: 344px;
  left: 386px;
}

.eqmnt9load {
  position: absolute;
  top: 344px;
  left: 667px;
}

.eqmnt10 {
  position: absolute;
  top: 377px;
  left: 386px;
}

.eqmnt10load {
  position: absolute;
  top: 377px;
  left: 667px;
}

.weapon1 {
  position: absolute;
  top: 442px;
  left: 71px;
}

.weapon2 {
  position: absolute;
  top: 509px;
  left: 71px;
}

.weapon3 {
  position: absolute;
  top: 575px;
  left: 71px;
}

.weapon4 {
  position: absolute;
  top: 641px;
  left: 71px;
}

.weapon5 {
  position: absolute;
  top: 707px;
  left: 71px;
}

.result1 {
  position: absolute;
  top: 443px;
  left: 42px;
}

.result2 {
  position: absolute;
  top: 509px;
  left: 42px;
}

.result3 {
  position: absolute;
  top: 575px;
  left: 42px;
}

.result4 {
  position: absolute;
  top: 641px;
  left: 42px;
}

.result5 {
  position: absolute;
  top: 707px;
  left: 42px;
}

/* Top left text */
.bulk1 {
  position: absolute;
  top: 443px;
  left: 285px;
}

.bulk2 {
  position: absolute;
  top: 509px;
  left: 285px;
}

.bulk3 {
  position: absolute;
  top: 575px;
  left: 285px;
}

.bulk4 {
  position: absolute;
  top: 641px;
  left: 285px;
}

.bulk5 {
  position: absolute;
  top: 707px;
  left: 285px;
}

/* Top left text */
.dmg1 {
  position: absolute;
  top: 443px;
  left: 319px;
}

.dmg2 {
  position: absolute;
  top: 509px;
  left: 319px;
}

.dmg3 {
  position: absolute;
  top: 575px;
  left: 319px;
}

.dmg4 {
  position: absolute;
  top: 641px;
  left: 319px;
}

.dmg5 {
  position: absolute;
  top: 707px;
  left: 319px;
}

/* Top left text */
.rng1 {
  position: absolute;
  top: 443px;
  left: 353px;
}

.rng2 {
  position: absolute;
  top: 509px;
  left: 353px;
}

.rng3 {
  position: absolute;
  top: 575px;
  left: 353px;
}

.rng4 {
  position: absolute;
  top: 641px;
  left: 353px;
}

.rng5 {
  position: absolute;
  top: 707px;
  left: 353px;
}

.qty1 {
  position: absolute;
  top: 443px;
  left: 386px;
}

.qty2 {
  position: absolute;
  top: 509px;
  left: 386px;
}

.qty3 {
  position: absolute;
  top: 575px;
  left: 386px;
}

.qty4 {
  position: absolute;
  top: 641px;
  left: 386px;
}

.qty5 {
  position: absolute;
  top: 707px;
  left: 386px;
}

.bulka {
  position: absolute;
  top: 806px;
  left: 326px;
}

.dr {
  position: absolute;
  top: 806px;
  left: 319px;
}

.armdurmax {
  position: absolute;
  top: 806px;
  left: 367px;
}

.armname {
  position: absolute;
  top: 806px;
  left: 54px;
}

.armsoak {
  position: absolute;
  top: 840px;
  left: 59px;
}

.armsoakreroll {
  position: absolute;
  top: 840px;
  left: 163px;
}

.armdur {
  position: absolute;
  top: 806px;
  left: 369px;
}

.armoractive {
  position: absolute;
  top: 845px;
  left: 114px;
}

.bulktotal {
  position: absolute;
  top: 369px;
  left: 309px;
}

.load {
  position: absolute;
  top: 369px;
  left: 377px;
}

.bulktotal2 {
  position: absolute;
  top: 436px;
  left: 594px;
}

.load2 {
  position: absolute;
  top: 436px;
  left: 667px;
}

.toggle {
  position: absolute;
  top: 445px;
  left: 446px;
}

.equipped {
  position: absolute;
  top: 481px;
  left: 63px;
}

.equipped2 {
  position: absolute;
  top: 547px;
  left: 63px;
}

.equipped3 {
  position: absolute;
  top: 613px;
  left: 63px;
}

.equipped4 {
  position: absolute;
  top: 679px;
  left: 63px;
}

.equipped5 {
  position: absolute;
  top: 745px;
  left: 63px;
}

.wpntypemove {
  position: absolute;
  top: -8px;
  left: 40px;
}

.wpntype1 {
  position: absolute;
  top: 485px;
  left: 297px;
}

.wpntype2 {
  position: absolute;
  top: 551px;
  left: 297px;
}

.wpntype3 {
  position: absolute;
  top: 617px;
  left: 297px;
}

.wpntype4 {
  position: absolute;
  top: 683px;
  left: 297px;
}

.wpntype5 {
  position: absolute;
  top: 749px;
  left: 297px;
}

.dedicatedstamina {
  position: absolute;
  top: 430px;
  left: 674px;
}

.attack {
  position: absolute;
  top: 644px;
  left: 471px;
}

.parry {
  position: absolute;
  top: 587px;
  left: 651px;
  z-index: 1;
}

.parrytotal {
  position: absolute;
  top: 585px;
  left: 623px;
}

.dodge {
  position: absolute;
  top: 669px;
  left: 649px;
  z-index: 1;
}

.dodgetotal {
  position: absolute;
  top: 667px;
  left: 623px;
}

.calcdmg {
  position: absolute;
  top: 734px;
  left: 436px;
}

.init {
  position: absolute;
  top: 373px;
  left: 80px;
}

.grapple {
  position: absolute;
  top: 102px;
  left: 118px;
}

.turn {
  position: absolute;
  top: 60px;
  left: 255px;
}

.endturn {
  position: absolute;
  top: 60px;
  left: 347px;
}

.paral {
  position: absolute;
  top: 304px;
  left: 355px;
}

.atkboxgrapple {
  position: absolute;
  top: 508px;
  left: 533px;
}

.atkboxopportunity {
  position: absolute;
  top: 534px;
  left: 533px;
}

.atkboxpaired {
  position: absolute;
  top: 560px;
  left: 533px;
}

.atkboxsqueeze {
  position: absolute;
  top: 586px;
  left: 533px;
}

.atkboxunseen {
  position: absolute;
  top: 612px;
  left: 533px;
}

.atkboxcovered {
  position: absolute;
  top: 477px;
  left: 517px;
}



.dmgboxhit {
  position: absolute;
  top: 692px;
  left: 434px;
}



.defboxgrapple {
  position: absolute;
  top: 480px;
  left: 605px;
}

.defboxsqueeze {
  position: absolute;
  top: 511px;
  left: 605px;
}

.defboxunseen {
  position: absolute;
  top: 542px;
  left: 605px;
}

.defboxranged {
  position: absolute;
  top: 623px;
  left: 611px;
}

.defboxbulk {
  position: absolute;
  top: 707px;
  left: 608px;
}

.defboxmove {
  position: absolute;
  top: 743px;
  left: 620px;
}

.absorption {
  position: absolute;
  top: 878px;
  left: 177px;
}

.absorptiondur {
  position: absolute;
  top: 903px;
  left: 150px;
}

.drisk {
  position: absolute;
  top: 810px;
  left: 437px;
}

.magicsoak {
  position: absolute;
  top: 787px;
  left: 435px;
}

.resist {
  position: absolute;
  top: 786px;
  left: 658px;
}

.resistnumber {
  position: absolute;
  top: 784px;
  left: 631px;
}

.res {
  position: absolute;
  top: 813px;
  left: 633px;
}

.vul {
  position: absolute;
  top: 830px;
  left: 633px;
}

.stamtax {
  position: absolute;
  top: 381px;
  left: 530px;
}

.offbal {
  position: absolute;
  top: 381px;
  left: 684px;
}

.se1 {
  position: absolute;
  top: 229px;
  left: 262px;
}

.se2 {
  position: absolute;
  top: 229px;
  left: 316px;
}

.se3 {
  position: absolute;
  top: 229px;
  left: 370px;
}

.dot1 {
  position: absolute;
  top: 128px;
  left: 262px;
}

.dot2 {
  position: absolute;
  top: 128px;
  left: 316px;
}

.dot3 {
  position: absolute;
  top: 128px;
  left: 370px;
}

.dot1tag {
  position: absolute;
  top: 156px;
  left: 262px;
}

.dot2tag {
  position: absolute;
  top: 156px;
  left: 316px;
}

.dot3tag {
  position: absolute;
  top: 156px;
  left: 370px;
}

.se1tag {
  position: absolute;
  top: 257px;
  left: 262px;
}

.se2tag {
  position: absolute;
  top: 257px;
  left: 316px;
}

.se3tag {
  position: absolute;
  top: 257px;
  left: 370px;
}

.heart {
  position: absolute;
  top: 72px;
  left: 467px;
  z-index: 1;
}

.hearttemp {
  position: absolute;
  top: 72px;
  left: 532px;
  z-index: 0;
}

.heartmax {
  position: absolute;
  top: 72px;
  left: 440px;
  z-index: 0;
}

.soul {
  position: absolute;
  top: 156px;
  left: 467px;
  z-index: 1;
}

.soulmax {
  position: absolute;
  top: 156px;
  left: 440px;
  z-index: 0;
}

.soultemp {
  position: absolute;
  top: 156px;
  left: 532px;
  z-index: 0;
}


.stam {
  position: absolute;
  top: 238px;
  left: 467px;
  z-index: 1;
}

.stammax {
  position: absolute;
  top: 238px;
  left: 440px;
  z-index: 0;
}

.stamtemp {
  position: absolute;
  top: 238px;
  left: 532px;
  z-index: 0;
}

.cust1 {
  position: absolute;
  top: 72px;
  left: 619px;
  z-index: 1;
}

.cust1max {
  position: absolute;
  top: 72px;
  left: 593px;
}

.cust1temp {
  position: absolute;
  top: 72px;
  left: 685px;
  z-index: 1;
}

.custtext1 {
  position: absolute;
  top: 50px;
  left: 594px;
  z-index: 0;
}

.cust2 {
  position: absolute;
  top: 156px;
  left: 619px;
  z-index: 2;
}

.cust2max {
  position: absolute;
  top: 156px;
  left: 593px;
  z-index: 1;
}

.cust2temp {
  position: absolute;
  top: 156px;
  left: 685px;
  z-index: 1;
}

.custtext2 {
  position: absolute;
  top: 134px;
  left: 594px;
  z-index: 0;
}

.cust3 {
  position: absolute;
  top: 238px;
  left: 619px;
  z-index: 2;
}

.cust3max {
  position: absolute;
  top: 238px;
  left: 593px;
  z-index: 1;
  
}

.cust3temp {
  position: absolute;
  top: 238px;
  left: 685px;
  z-index: 1;
}

.custtext3 {
  position: absolute;
  top: 216px;
  left: 594px;
  z-index: 0;
}

.cute {
  position: absolute;
  top: 881px;
  left: 446px;
  z-index: 0;
}

.spook {
  position: absolute;
  top: 881px;
  left: 506px;
  z-index: 0;
}

.endear {
  position: absolute;
  top: 864px;
  left: 569px;
  z-index: 0;
}

.bully {
  position: absolute;
  top: 898px;
  left: 575px;
  z-index: 0;
}

.deceive {
  position: absolute;
  top: 864px;
  left: 644px;
  z-index: 0;
}

.convince {
  position: absolute;
  top: 898px;
  left: 641px;
  z-index: 0;
}

.belt {
  position: absolute;
  top: 276px;
  left: 117px;
  z-index: 0;
}

.speedmax {
  position: absolute;
  top: 317px;
  left: 503px;
  z-index: 0;
}

.speed {
  position: absolute;
  top: 317px;
  left: 533px;
  z-index: 0;
}

.footwork {
  position: absolute;
  top: 320px;
  left: 449px;
  z-index: 0;
}

.bellymax {
  position: absolute;
  top: 317px;
  left: 621px;
  z-index: 0;
}

.belly {
  position: absolute;
  top: 317px;
  left: 648px;
  z-index: 0;
}



.listspell2 {
  position: absolute;
  top: 66px;
  left: 0px;
} 

.listspell3 {
  position: absolute;
  top: 132px;
  left: 0px;
} 

.listspell4 {
  position: absolute;
  top: 198px;
  left: 0px;
} 

.listspell5 {
  position: absolute;
  top: 264px;
  left: 0px;
} 

.spell1 {
  position: absolute;
  top: 577px;
  left: 40px;
}

.diff1 {
  position: absolute;
  top: 577px;
  left: 272px;
}

.dmgheal1 {
  position: absolute;
  top: 577px;
  left: 327px;
}

.splrng1 {
  position: absolute;
  top: 610px;
  left: 203px;
}

.spldura1 {
  position: absolute;
  top: 610px;
  left: 274px;
}

.splpath1 {
  position: absolute;
  top: 610px;
  left: 43px;
}



.spell2 {
  position: absolute;
  top: 577px;
  left: 40px;
}

.diff2 {
  position: absolute;
  top: 577px;
  left: 272px;
}

.dmgheal2 {
  position: absolute;
  top: 577px;
  left: 327px;
}

.splrng2 {
  position: absolute;
  top: 610px;
  left: 203px;
}

.spldura2 {
  position: absolute;
  top: 610px;
  left: 274px;
}

.splpath2 {
  position: absolute;
  top: 610px;
  left: 43px;
}


.spell3 {
  position: absolute;
  top: 577px;
  left: 40px;
}

.diff3 {
  position: absolute;
  top: 577px;
  left: 272px;
}

.dmgheal3 {
  position: absolute;
  top: 577px;
  left: 327px;
}

.splrng3 {
  position: absolute;
  top: 610px;
  left: 203px;
}

.spldura3 {
  position: absolute;
  top: 610px;
  left: 274px;
}

.splpath3 {
  position: absolute;
  top: 610px;
  left: 43px;
}


.spell4 {
  position: absolute;
  top: 577px;
  left: 40px;
}

.diff4 {
  position: absolute;
  top: 577px;
  left: 272px;
}

.dmgheal4 {
  position: absolute;
  top: 577px;
  left: 327px;
}

.splrng4 {
  position: absolute;
  top: 610px;
  left: 203px;
}

.spldura4 {
  position: absolute;
  top: 610px;
  left: 274px;
}

.splpath4 {
  position: absolute;
  top: 610px;
  left: 43px;
}

.spell5 {
  position: absolute;
  top: 577px;
  left: 40px;
}

.diff5 {
  position: absolute;
  top: 577px;
  left: 272px;
}

.dmgheal5 {
  position: absolute;
  top: 577px;
  left: 327px;
}

.splrng5 {
  position: absolute;
  top: 610px;
  left: 203px;
}

.spldura5 {
  position: absolute;
  top: 610px;
  left: 274px;
}

.splpath5 {
  position: absolute;
  top: 610px;
  left: 43px;
}

.extrarng {
  position: absolute;
  top: 144px;
  left: 157px;
}

.extradura {
  position: absolute;
  top: 144px;
  left: 260px;
}

.quickcost {
  position: absolute;
  top: 88px;
  left: 287px;
}

.maxdiff {
  position: absolute;
  top: 128px;
  left: 69px;
}



.spelldmghealplus {
  position: absolute;
  top: 195px;
  left: 147px;
}

.spellsplit {
  position: absolute;
  top: 227px;
  left: 147px;
}

.spellexpand {
  position: absolute;
  top: 253px;
  left: 147px;
}

.spellconjur {
  position: absolute;
  top: 279px;
  left: 147px;
}

.spellgroup2 {
  position: absolute;
  top: 0px;
  left: 147px;
}

.spellcover {
  position: absolute;
  top: 195px;
  left: 148px;
}

.spellgrapple {
  position: absolute;
  top: 227px;
  left: 147px;
}

.spellsqueeze {
  position: absolute;
  top: 253px;
  left: 147px;
}

.spellunseen {
  position: absolute;
  top: 279px;
  left: 147px;
}

.spellunseen {
  position: absolute;
  top: 279px;
  left: 147px;
}

.spelltype {
  position: absolute;
  top: 329px;
  left: 65px;
}

.spellatt {
  position: absolute;
  top: 329px;
  left: 231px;
}

.spellfinalattack {
  position: absolute;
  top: 420px;
  left: 77px;
}

.spellfinalrange {
  position: absolute;
  top: 420px;
  left: 141px;
}

.spellfinaldmgheal {
  position: absolute;
  top: 420px;
  left: 207px;
}

.spellfinaldura {
  position: absolute;
  top: 420px;
  left: 274px;
}

.cast {
  position: absolute;
  z-index: 1;
  top: 495px;
  left: 114px;
}

.spellfinalcost {
  position: absolute;
  z-index: 0;
  top: 493px;
  left: 86px;
}

.currentspell {
  position: absolute;
  top: 492px;
  left: 215px;
}

.attuneradio {
  position: absolute;
  top: 120px;
  left: 180px;
}

.defspellsave {
  position: absolute;
  top: 332px;
  left: 305px;
}

.sizeradio1 {
  position: absolute;
  top: 60px;
  left: 443px;
}

.sizeradio2 {
  position: absolute;
  top: 77px;
  left: 443px;
}

.sizeradio3 {
  position: absolute;
  top: 93px;
  left: 443px;
}

.restingtype {
  position: absolute;
  top: 146px;
  left: 464px;
}

.sleep {
  position: absolute;
  top: 139px;
  left: 544px;
}

.losebelly {
  position: absolute;
  top: 139px;
  left: 603px;
}

.bellymax2 {
  position: absolute;
  top: 65px;
  left: 489px;
  z-index: 0;
}

.belly2 {
  position: absolute;
  top: 65px;
  left: 516px;
  z-index: 0;
}

.geo {
  position: absolute;
  top: 73px;
  left: 618px;
  z-index: 0;
}

.minadv {
  position: absolute;
  top: 87px;
  left: 371px;
  z-index: 0;
}

.majadv {
  position: absolute;
  top: 60px;
  left: 367px;
  z-index: 0;
}

.name {
  position: absolute;
  top: 55px;
  left: 135px;
  z-index: 0;
}

.traits {
  position: absolute;
  top: 182px;
  left: 50px;
  z-index: 0;
}

.notes {
  position: absolute;
  top: 585px;
  left: 50px;
  z-index: 0;
}

.bio {
  position: absolute;
  top: 229px;
  left: 394px;
  z-index: 0;
}

.story {
  position: absolute;
  top: 548px;
  left: 394px;
  z-index: 0;
}