Ratoid with Tables

<style>

/* Font Import */

@import url('https://fonts.googleapis.com/css2?family=Bellefair&display=swap');

/* Fix Browser Updates */

.phb hr + hr + section blockquote { column-fill: balance; }

/* Hide Footers */
  
.phb:after{ display:none; }

/* Background Style */

.phb{ background-size: cover }
  .phb{ background-image: url('https://live.staticflickr.com/65535/52956002211_ed4f40a930_c.jpg')}
  .phb:nth-of-type(even) {background-image: url("https://live.staticflickr.com/65535/52956002211_ed4f40a930_c.jpg")}

/* Page Numbers */

.phb .pageNumber.auto{
    font-size: 13pt;
    color: #001e13;
    position   : absolute;
    bottom     : 60px;
    width      : 70px;
    text-align : center;
}
.phb:nth-child(even) .pageNumber.auto{
    left       : 5px;
}
.phb:nth-child(odd) .pageNumber.auto{
    right      : 5px;
}

/* Header Styles */

.phb h1,.phb h2,.phb h3,.phb h4 {
    font-family: 'Bellefair';
    font-variant: small-caps;
    color: #001e13;
}

/* Table Color */

.phb table tbody tr:nth-child(odd) {background-color: transparent;}
.phb table tr:nth-child(odd) td {background-color: #D8C585;}

/* Description Block Color */

.phb .descriptive {
    background-color: #001e13;
}

/* Notes Block Color */

.phb blockquote {background-color: #001e13 }

/* Monster Blocks */

.phb hr+section blockquote {
    border-image-source   : url(https://live.staticflickr.com/65535/52955078732_e27e4f654f_c.jpg);
	border-image-slice		: 50 fill;
	border-image-width		: 35px;
	border-image-outset   : 6px 3px;
	border-image-repeat		: repeat;
	border-width          : 16px 6px;
	border-style          : solid;
}
}

.phb hr+section blockquote h3 {border-bottom: 2px ridge #001e13 }
.phb hr+section blockquote p {color: #001e13;}
.phb hr+section blockquote p em {color: #001e13;}
.phb hr+section blockquote p strong {color: #001e13;}
.phb hr+section blockquote li {color: #001e13;}
.phb hr+section blockquote hr+ul {color: #001e13;}
.phb hr+section blockquote hr+ul strong {color: #001e13;}
.phb hr+section blockquote hr+ul em {color: #001e13;}
.phb hr+section blockquote table {color: #001e13;}

.phb hr+section blockquote table tr:nth-child(odd) td {background-color: transparent;}
.phb hr+section blockquote table tr:nth-child(odd) td {background-color: #D8C585;}

.phb hr+section blockquote table thead th {color: #001e13;font-weight: normal;}

.phb hr+section blockquote table {color: #001e13;}

/* Copy and Paste any of the snippets below into a page to change that page's background design & art */

/* PLAIN BG, GREEK COLUMN LEFT:

PLAIN BG, GREEK COLUMN RIGHT:

BG IMG LEFT, NO GREEK COLUMN:

BG IMG LEFT, GREEK COLUMN:

BG IMG RIGHT, NO GREEK COLUMN:

BG IMG RIGHT, GREEK COLUMN:

BG IMG TOP, NO GREEK COLUMN:

BG IMG TOP, GREEK COLUMN LEFT:

BG IMG TOP, GREEK COLUMN RIGHT:

BG IMG BOTTOM:

</style>

\pagebreak

___
___
> ## Shady Vendor Ratoid
>*Small, Beast / Monstrosity*
>
>*Tier 2, Challenge Point 2, XP: 4*
>
> ### Attributes
> -  **AC** 11                             **AP** 0
> - **HP** 6                              **Posture** 9
> - <div style='margin-top:11px;'></div>
> - **Passive Insight/ Perception** 12
> - **Language** Thieves' cant
> ### Movement
>|**Base/ Climb** 35 | **Swim** 5 | **Dash** 10|
>|:-|:-:|-:|
> ### Stats + Skills
>|**STR** -2 |**DEX** +5 |**INT** +1 |**WIS** +2 |**CHA** +5 |
>|:---:|:---:|:---:|:---:|:---:|
> - **LU -3:** Luck Points: 0; Critical Fail: 1 to 3
>
>\columnbreak
>
> ### Abilities
> - **Ambusher** You gain advantage on all Stealth Checks.
> - **Merchant:** You can sell stolen or illegal goods at a cheap price. But the quality is shady...
>
> | **Price** | **Rarity** |
> |:---:|:-----------:|
> | 2d6 Copper | Common |
> | 2d6 Silver | Uncommon |
> ### Actions (1)
> - **Bite** *Hit* +5, *Dmg* 1d4 thrust
> ### Bonus Action
>  - **Quick Hide** You can Hide as a Bonus Action.
> ### Reaction
> - **Evasion** When an Attack would hit you, you can use your Reaction to gain a +4 bonus to your AC, potentially making that Attack miss instead.