body { background-color: #232; padding: 10px 20px; color: #c7d0c7 }
body a { color: #d0d0e0; }
body a:visited { color: #b0b0c0; }
.gold { background-color: #551 !important; }
table.main tr.header th.uber-title { text-transform: full-width; font-variant: small-caps; padding-top: 8px; padding-bottom: 8px; background-color: #506050; }
table.main, table.legend { font-family: Roboto, Helvetica, sans-serif; font-size: 10pt; border-collapse: collapse; }
table.main th { background-color: #343; padding-left: 4px; }
table.main th, td { border: 1px solid #010; text-align: center; }
table.main tbody th { text-align: left; width: 160px; }
table.main tr.header th { width: 120px; padding: 4px 2px; font-size: 11pt; }
table.main tr.header th.category { width: 120px; }
table.main tbody.builds tr:nth-child(even) { background-color: #405040; }
table.main tr.explain td { font-size: 8pt; font-style: italic; padding: 3px 5px; }
table.main tr.explain td.legend { font-style: normal; text-align: left; padding-left: 10px; }
table.main tr.explain td.legend { text-align: center; margin-left: auto; margin-right: auto; }
table.main tr.explain td.category-explanation { background-color: #556555; }
table.main td.important-element { opacity: 0.01; }
table.legend tbody th, table.legend tbody td { padding: 3px 8px; }
table.legend tbody th { width: auto; background-color: #273727; text-align: center; }
table.legend tbody td { background-color: #2c3c2c; font-style: normal !important; text-align: left; }
.biweave:after { content: " ≈"; }
.prismatic:after { content: " ⎔"; }
.noshield:after { content: " ∅"; }
input.filter { margin: 0px 4px; background:url(../img/icons8-search-in-list-16.png) no-repeat scroll; padding-left: 20px; border: 0; border-bottom: 1px solid black; }
input.filter:focus { outline: none; background-color: #708070; }
div.wrapper { height: 100vh; }