<style>
/* Background */
  .phb { background-image: url("http://i.imgur.com/QrLSPUv.jpg") }
  .phb { background-size: cover }

/* Notes */
  .phb blockquote { background-color: #cfe7ce }
    
/* Tables */
  table tr:nth-child(odd) td { background-color: #ebcec3 }
  
/* Statblocks */
  .phb hr + blockquote tr:nth-child(odd) td { background-color: transparent; }
  .phb hr+blockquote {
    background-color: transparent;
  	background-image: url(https://i.imgur.com/2fpZqkh.jpg);
    background-position: center center; 
    border-width: 6px;
    border-image: url(https://i.imgur.com/gtHyLi6.png);
    border-image-slice: 20 
    }

/* Footer */
  .phb .pageNumber { color: #7e735c }
  .phb .footnote { color: #7e735c }
  .phb:after { background-image:url("http://i.imgur.com/YWardeu.png") }
</style>

<div style='margin-top:140px'></div>

[**CLICK HERE**](http://imgur.com/a/JvePd) to go to the album where are all the MM images I've created and used in this document.  
[**CLICK HERE**](http://imgur.com/a/pyood) to go to the album where you can find all the big letters.


## Gelatinous Duck
Here goes the amazing description of the legendary creature you're creating.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis erat vel quam pharetra condimentum. Phasellus sed dapibus lacus, vitae pulvinar nisl. Nullam nec erat eget nisi viverra semper rhoncus vel tortor. Nullam dictum tellus elementum, egestas mi sit amet, molestie neque. Vivamus vel blandit ligula, et placerat lorem. Aliquam consequat suscipit nisl, at gravida ante auctor mollis. Nulla quis sapien et neque luctus convallis. Cras feugiat dolor nibh, non vulputate arcu venenatis nec.

### Test text
**Morbi scelerisque** suscipit ligula, id consectetur tortor scelerisque id. Cras imperdiet orci ac diam mollis, ac hendrerit velit cursus. Phasellus fermentum finibus blandit. Duis non dignissim mauris, quis rutrum odio. Suspendisse potenti. Donec aliquet in metus eget interdum. Pellentesque convallis euismod risus sit amet semper. Aliquam convallis lacinia dui.

#### More random Text

Nunc blandit consectetur lorem, vel fringilla nisl accumsan vel. Morbi tempor enim sed sodales rhoncus. Aliquam vel venenatis turpis. Sed felis turpis, dignissim id purus at, iaculis pulvinar metus. Ut consectetur lectus at lectus dictum scelerisque. Phasellus vitae egestas metus. 

Nunc consequat, metus lobortis egestas varius, nunc nisl facilisis lorem, a fringilla orci lorem a odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce egestas, nisl ac faucibus finibus, dui risus fermentum erat, hendrerit aliquet dolor diam eget est. Ut nec faucibus dui.

### A Bit More of Randomness
Etiam ante lectus, dictum sit amet dui nec, euismod pulvinar mi. Sed elementum justo eget nisl condimentum, nec pulvinar ligula semper. Nullam vitae risus sit amet lectus consequat tincidunt vitae in lorem. Cras egestas justo sit amet purus molestie consectetur. Aliquam scelerisque nibh dolor, sed dapibus erat hendrerit et. Duis id lacus dui. In placerat tortor sed nisi mollis, eu congue quam aliquam. Ut elementum maximus dolor. Duis egestas lorem quis leo elementum, et hendrerit sapien imperdiet. Sed et erat quis turpis malesuada vehicula eget vel lorem.

```
```
___

<div style='margin-top:140px'></div>

Suspendisse efficitur lorem ac nulla pellentesque pellentesque in non enim. Sed egestas bibendum sodales. Morbi posuere augue purus, vel blandit lorem efficitur vitae. Curabitur at nisi vitae nulla ultrices finibus. Fusce ut dui eleifend, porta orci et, aliquet diam. Nunc at metus aliquam tellus facilisis fermentum. Vestibulum et ornare eros.

___
> ## Gelatinous Duck of the Dream-Lands
>*Gargantuan guy, weird neutral*
> ___
> - **Armor Class** 13
> - **Hit Points** 139(1d4 + 5)
> - **Speed** 1ft.
>___
>|STR|DEX|CON|INT|WIS|CHA|
>|:---:|:---:|:---:|:---:|:---:|:---:|
>|20 (+5)|3 (-3)|5 (-2)|14 (+2)|3 (-3)|8 (-1)|
>___
> - **Condition Immunities** groggy
> - **Senses** passive Perception 5
> - **Languages** Pottymouth
> - **Challenge** 9 (2038 XP)
> ___
> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.
>
> ***False Appearance. *** While the armor reamin motionless, it is indistinguishable from a normal suit of armor.
> ### Actions
> ***Crossed Splash.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) 

Extra information. As you can see, the notes background color is new!

> ##### Time to Drop Knowledge
> Use notes to point out some interesting information. 
> 
> **Tables and lists** both work within a note.

Suspendisse efficitur lorem ac nulla pellentesque pellentesque in non enim. Sed egestas bibendum sodales. Morbi posuere augue purus, vel blandit lorem efficitur vitae. 

Curabitur at nisi vitae nulla ultrices finibus. Fusce ut dui eleifend, porta orci et, aliquet diam. 
  
<img 
  src='http://i.imgur.com/YH3aESG.png' 
  style='position:absolute;left:0;right:0;margin:auto;top:30px;width:95%' ``Big letter background`` /> 
  
<img 
  src='http://i.imgur.com/fRyiQn4.png' 
  style='position:absolute;left:0;right:0;margin:auto;top:45px;width:20%' ``Big Letter`` />

<img 
  src='http://i.imgur.com/lLWeevR.png' 
  style='position:absolute;right:0px;bottom:0px;width:110px;
  transform: scaleX(1);' ``Bottom Paper, to flip the image, change right:0px to left:0px and the transform:scale 1 to a -1`` />
  
<div class='footnote'; 
  style="position:absolute; bottom:70px; right:20px; font-size: 150%; color: #c48b02" ``Bottom yellow letter in the black background``> G </div>                                                              

<div class='pageNumber auto'></div>
<div class='footnote'>GELATINOUS DUCK</div>
\page


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas tempor eros. Suspendisse vitae mollis lorem. Praesent luctus magna neque. Vivamus sollicitudin mi quis posuere mattis. Quisque congue pretium arcu quis gravida. Aenean molestie blandit urna, eu tempor felis dictum id. Nulla eu urna a tortor venenatis pretium. Quisque pellentesque orci vehicula purus sodales rhoncus. Integer accumsan purus non metus dapibus sollicitudin. Donec posuere erat ac imperdiet lobortis. Cras ac mattis sem. Nullam commodo justo et risus rutrum, vel lacinia nisl aliquam. Nam lacinia ante a metus interdum varius.
___
___
> ## Sand Cow
>*Stupidly vast guy, weird neutral*
> ___
> - **Armor Class** 18
> - **Hit Points** 129(1d4 + 5)
> - **Speed** 15ft.
>___
>|STR|DEX|CON|INT|WIS|CHA|
>|:---:|:---:|:---:|:---:|:---:|:---:|
>|12 (+1)|14 (+2)|9 (+0)|14 (+2)|7 (-1)|17 (+4)|
>___
> - **Condition Immunities** swagged
> - **Senses** passive Perception 12
> - **Languages** Jive, Common
> - **Challenge** 7 (4009 XP)
> ___
> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.
>
> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.
>
> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.
>
> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.
>
> ***False Appearance. *** While the armor reamin motionless, it is indistinguishable from a normal suit of armor.
>
> ***Pack Tactics.*** These guys work together. Like super well, you don't even know.
> ### Actions
> ***DDT Powerbomb.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) 
>
> ***Team Elbow.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) 
>
> ***Airplane Hammer.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) 
>
> ***Super Hip Submission.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) 

Nulla at condimentum quam, quis rutrum urna. Ut id neque est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus rutrum pulvinar porttitor. Aliquam ac est id nulla facilisis vehicula. Morbi ut magna sed urna tempus accumsan. Duis quis varius diam. Nam vehicula imperdiet fringilla. Suspendisse elit ligula, laoreet at auctor in, viverra ut arcu. Sed blandit leo quis enim accumsan interdum. Proin euismod nulla non ipsum tincidunt, at mattis metus finibus. Mauris elementum est vel metus faucibus pulvinar. Pellentesque id scelerisque massa, sit amet euismod nibh. Phasellus volutpat nulla vitae purus vulputate, vitae tincidunt elit mollis.

Nam nisl arcuornare sit amet lacus eget, semper finibus orci. Fusce dignissim purus id quam fermentum dignissim. Vestibulum placerat ex eget elit convallis ultricies. 

```
```

Sed efficitur justo elit. Aenean suscipit nulla sed quam ullamcorper, eu posuere mi euismod. Pellentesque eu ornare tellus, sit amet vestibulum elit. Morbi in maximus mauris.

Nullam ut mauris pretium, aliquam urna non, porta dui. Suspendisse vitae urna nec tellus varius semper sed nec est. Praesent lacinia pharetra enim ac dignissim. Phasellus scelerisque ipsum id nibh dictum, quis sollicitudin purus aliquam. Aliquam massa dui, faucibus eu egestas eu, euismod vitae dolor. Curabitur porta rhoncus elementum. Curabitur laoreet ut velit vitae scelerisque. Sed tristique elit id sem dignissim, nec efficitur felis accumsan. Morbi eu elit leo. Nulla fermentum tellus metus, non sodales nunc volutpat vitae. Fusce ut aliquet ligula.

Integer in est ante. Suspendisse placerat, odio a dapibus fermentum, ligula purus pulvinar lectus, eget pharetra ipsum nunc vel turpis. Sed sit amet vulputate magna, sit amet fermentum nunc. Curabitur mauris magna, porttitor ac commodo ac, fermentum et massa. Aenean vitae est et metus volutpat consectetur a vitae leo. Nullam scelerisque metus erat, non porta tellus congue at. Duis placerat nunc odio, et varius velit consectetur vitae. Curabitur vulputate magna vulputate felis lobortis, nec aliquam turpis condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Donec quis justo dui. Donec fringilla, est ac maximus mattis, dui magna vulputate ante, malesuada vulputate risus dolor vitae nunc.

<div style='position:absolute; bottom:90px; left:100px; width:280px; -webkit-transform: rotate(14deg);'
<span>##### As far as I know, sand cows  
are pretty dangerous. Make  
sure you have a big gun to take  
them down.  

``This is the position and description for the sand cow text``
</span>
</div>

<img 
  src='https://i.imgur.com/QUh3VcW.png' 
  style='position:absolute; bottom:80px; left:80px; width:280px' ``This is paper image for the sand cow text`` />


<div style='position:absolute; top:30px; right:0px; width:280px; -webkit-transform: rotate(6deg);'
<span>##### Wow! the text is rotated to fit  
this piece of paper, what  
kind of dark magic is this!  

#### This works for every type of  
text of the homebrewery  
(I think!)

``This is the position and description for the top text``
</span>
</div>

<img 
  src='https://i.imgur.com/uEuOJBE.png' 
  style='position:absolute; top:0px; right:30px; width:280px' ``This is paper image for the top text``/>




<img 
  src='http://i.imgur.com/lLWeevR.png' 
  style='position:absolute;left:0px;bottom:0px;width:110px;
  transform: scaleX(-1);' ``Bottom Paper, to flip the image, change right:0px to left:0px and the transform:scale 1 to a -1`` />
  
<div class='footnote'; 
  style="position:absolute; bottom:70px; left:20px; font-size: 150%; color: #c48b02" ``Bottom yellow letter in the black background``> S </div>                                                              
<div class='pageNumber auto'></div>
<div class='footnote'>SAND COW</div>
\page

<div class='classTable wide'>
##### The Haberdasher
| Level | Proficiency Bonus | Features | Cantrips Known | Spells Known | 1st | 2nd | 3rd | 4th | 5th | 6th | 7th | 8th | 9th |
|:---:|:---:|:---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|
| 1st | +2 | Torque Interfacer | 3 | 1 | 2 | — | — | — | — | — | — | — | — |
| 2nd | +2 | Police Necromancer | 4 | 2 | 4 | — | — | — | — | — | — | — | — |
| 3rd | +2 | ─ | 5 | 3 | 4 | — | — | — | — | — | — | — | — |
| 4th | +2 | Ability Score Improvement | 5 | 3 | 4 | 1 | — | — | — | — | — | — | — |
| 5th | +3 | ─ | 5 | 4 | 4 | 2 | — | — | — | — | — | — | — |
| 6th | +3 | Ability Score Improvement, Immunological Incantations | 5 | 5 | 4 | 3 | 1 | — | — | — | — | — | — |
| 7th | +3 | Pharmaceutical Gunslinger | 5 | 5 | 4 | 3 | 3 | — | — | — | — | — | — |
| 8th | +3 | Ability Score Improvement, Orbital Gravedigger | 6 | 5 | 4 | 3 | 3 | 2 | — | — | — | — | — |
| 9th | +4 | Sixgun Poisoner | 7 | 5 | 4 | 3 | 3 | 3 | — | — | — | — | — |
| 10th | +4 | Seismological Divination | 8 | 5 | 4 | 3 | 3 | 3 | 2 | — | — | — | — |
| 11th | +4 | Torque Interfacer | 9 | 6 | 4 | 3 | 3 | 3 | 3 | 1 | — | — | — |
| 12th | +4 | Ability Score Improvement, Police Necromancer | 10 | 7 | 4 | 3 | 3 | 3 | 3 | 1 | — | — | — |
| 13th | +5 | Exo Interfacer | 11 | 7 | 4 | 3 | 3 | 3 | 3 | 1 | — | — | — |
| 14th | +5 | Ability Score Improvement, Spell Analyst | 11 | 8 | 4 | 3 | 3 | 3 | 3 | 2 | — | — | — |
| 15th | +5 | Gunpowder Torturer | 11 | 8 | 4 | 3 | 3 | 3 | 3 | 2 | — | — | — |
| 16th | +5 | Ability Score Improvement, Orbital Gravedigger | 12 | 9 | 4 | 3 | 3 | 3 | 3 | 2 | 1 | — | — |
| 17th | +6 | Astrological Chemistry | 13 | 10 | 4 | 3 | 3 | 3 | 3 | 2 | 1 | — | — |
| 18th | +6 | ─ | 13 | 11 | 4 | 3 | 3 | 3 | 3 | 2 | 2 | — | — |
| 19th | +6 | Ability Score Improvement, Police Necromancer | 13 | 11 | 4 | 3 | 3 | 3 | 3 | 2 | 2 | 1 | 1 |
| 20th | +6 | Infernal Banker | 14 | 11 | 4 | 3 | 3 | 3 | 3 | 2 | 2 | 1 | 1 |
</div>