div#ruleboardwrapper { z-index: 2; }

div#ruleboardwrapper > div.ruleboard {
  top: 42px;
  left: 5px;
  width: 1893px;
  height: 814px;
  border: 1px solid white;
  background-color: #000000dd;
  padding: 5px;
}

div#ruleboardwrapper > div.ruleboard > table.rule_faction {
  width: 90%;
  height: 100%;
  line-height: 30px;
}

div#ruleboardwrapper > div.ruleboard > table.rule_faction tr:first-child { height: 80px; }
div#ruleboardwrapper > div.ruleboard > table.rule_faction tr:not(:last-child) { border-bottom: 1px solid gray; }

div#ruleboardwrapper > div.ruleboard > table.rule_faction tr td:first-child { font-weight: 700; }
div#ruleboardwrapper > div.ruleboard > table.rule_faction tr td.ruletable_td0 { width: 15%; }
div#ruleboardwrapper > div.ruleboard > table.rule_faction tr td.ruletable_td1 { width: 25%; }
div#ruleboardwrapper > div.ruleboard > table.rule_faction tr td.ruletable_td2 { width: 20%; }
div#ruleboardwrapper > div.ruleboard > table.rule_faction tr td.ruletable_td3 { width: 20%; }
div#ruleboardwrapper > div.ruleboard > table.rule_faction tr td.ruletable_td4 { width: 20%; }

div#ruleboardwrapper > div.ruleboard > table.rule_faction span.power { color: #b200ff; }

div#ruleboardwrapper > div.ruleboard > table.rule_faction img { transform: translateY(2px); }

div#ruleboardwrapper > div.ruleboard > table.rule_faction div.action.specialaction { position: relative; margin: auto;}

div#ruleboardwrapper > div.rulebutton {
  display:flex;
  top: 43px;
  width: 100px;
  height: 825px;
  justify-content: center;
  align-items: center;
}
div#ruleboardwrapper > div.rulebutton:hover { background-color:#ffffff80; }

div#ruleboardwrapper > div#ruleleftbutton { left: 5px; }
div#ruleboardwrapper > div#rulerightbutton { left: 1810px; }