```metadata

title: PHB Style

description: ''
tags: ''
systems:
- 5e
renderer: V3
theme: 5ePHB

```

```css
/* FONT IMPORTS ___________________________________________________ */
/* ________________________________________________________________ */

@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
9ded8e9218840d6a746b5944f070cdce0d55150e/PHBFonts.css');

@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/
6ade797a215521264f7a7aca9355489333d9caba/EberronFonts.css');

/* ________________________________________________________________ */

/* INSTRUCTIONS FOR CHANGING THEME COLORS:

The Player's Handbook changes the colors of its page stains, footer image, notes,
tables, and drop cap letters depending on what chapter you're in. The default color
is yellow, and the other themes (in order) are green, blue, and purple.

To change the color theme in this document, you just need to put the following
somewhere on the page you want to change:

{{green}}

Or, if you want a slightly cleaner way to do it, I like to put the "green" class in
the page number code, like the following:

{{pageNumber,auto,green}}

The same goes for the themes below, just use the color "blue" or "purple",
respectively. Again, yellow will be the color theme by default. */

/* MINOR TWEAKS ___________________________________________________ */

/* PAGE MARGIN */
.page {
padding-bottom : 81px;
}

/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
letter-spacing : 1px;
font-weight : normal;
}
.page h5 {
 font-weight : bold;
text-shadow : #000 0px 0px 0.1px;
}

/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
user-select : none;
}

/* DROP CAP */
.page h1+p::first-letter {
background-position : 10px;
}

/* NOTES */
.page .note {
margin : 4mm 0 1mm;
}

/* SMALL CAPS */
.page caps {
font-variant : small-caps;
}

/* FOOTNOTE */
.page:not(.page:has(.frontCover)) .footnote:not(.credits .footnote) {
bottom : 44px;
color : #af9060;
text-transform : uppercase;
}

/* PAGE NUMBER */
.page .pageNumber {
bottom : 28px;
color : #af9060;
font-size : 13px;
}

/* MONSTER STATBLOCK */
.page .monster table tr:nth-child(odd) td {
background-color : transparent !important;
}

/* SMALL CAPS */
.page caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}

/* HYPERLINKS */
.page a {
text-decoration : none;
color : #af9060;
}
.page a:hover{
text-decoration : underline;
}
.logo a {
color : white;
}

/* ARTIST CREDITS */
.page .artist {
position : absolute !important;
bottom : 100px;
left : 60px;
transform : rotate(-90deg);
transform-origin : bottom left;
text-align : left;
font-family : ScalySansSmallCapsRemake;
font-size : 13px;
text-transform : lowercase;
color : #af9060;
}
.page:nth-of-type(even):not(:has(.insideCover)) .artist {
left : unset;
right : 60px;
transform : rotate(90deg);
transform-origin : bottom right;
}

/* QUOTE */
.page .quote {
font-family : Cormorant;
font-size : 15.2px;
margin-top : 6px;
padding-bottom : 4px;
}
.page .quote::first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 14.5px;
line-height : 15px;
font-weight : 100;
}
.page .quote p:not(p:last-child) {
font-weight : 800;
}
.page .quote.author p:last-child {
font-family : BookInsanityRemake;
font-size : 0.34cm;
margin-top : 4px;
text-align : right;
}
.page .quote p:last-child em {
font-family : Cormorant;
font-size : 15.2px;
font-weight : 800;
}

/* DECALS___________________________________________________________ */
/* _________________________________________________________________ */

/* ARCH */
.page .arch {
background-image : url(https://i.imgur.com/7vdgqo0.png);
background-blend-mode : multiply;
background-repeat : no-repeat;
position : absolute;
background-size : 100%;
height : 100%;
top : 0px;
left : 0px;
z-index : -1;
}

/* DECAL */
.page:has(.decal):after {
background-image : url(https://i.imgur.com/jTfNJHB.png);
background-repeat : no-repeat;
position : absolute;
bottom : 0px;
background-size : 100%;
height : 266px;
left : 0px;
z-index : -1;
}
.page:has(.decal):nth-child(even):after {
background-image : url(https://i.imgur.com/Hb5nu51.png);
transform : ScaleX(1);
}
.page:has(.decal) {
padding-bottom : 250px;
}

/* FULL PAGE IMAGE */

.page:has(.fullpage):after {
height : 100%;
background-image : url(https://i.imgur.com/LoH0q5w.png);
background-size : 100% 100%;
opacity : 85%;
transform : scaleX(1);
}
.page:nth-child(odd):has(.fullpage):after{
transform : scaleX(-1);
}
.page .fullpage img {
top : 0;
left : 0;
min-height : 100%;
width : 100%;
}

/* COLORS/THEMES____________________________________________________ */
/* _________________________________________________________________ */

/* YELLOW/DEFAULT THEME */
.page h1+p::first-letter {
background-image : linear-gradient(-65deg, #766032, #766032, #cbb680,
#766032, #766032);
}
.page .note,
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #e4d6af;
}
.page [class*="watercolor"] {
background-color : #cfbc81 !important;
}
.page:after {
height : 67px;
background-image : url(https://i.imgur.com/vMFhnx3.png);
}

/* GREEN THEME */
.page:has(.green) h1+p::first-letter {
background-image : linear-gradient(-65deg, #4a5436, #55603e, #a5b270,
#55603e, #4a5436);
}
.page:has(.green) .note,
.page:has(.green) table:not(.monster table) tr:nth-child(odd) td {
background-color : #dbe3ba;
}
.page:has(.green) [class*="watercolor"] {
background-color : #697b37 !important;
}
.page:has(.green):after {
background-image : url(https://i.imgur.com/eYgN4l2.png);
}

/* BLUE THEME */
.page:has(.blue) h1+p::first-letter {
background-image : linear-gradient(-65deg, #3a6c61, #3a6c61, #80b19d,
#3a6c61, #3a6c61);
}
.page:has(.blue) .note,
.page:has(.blue) table:not(.monster table) tr:nth-child(odd) td {
background-color : #c9e4d8;
}
.page:has(.blue) [class*="watercolor"] {
background-color : #318c78 !important;
}
.page:has(.blue):after {
background-image : url(https://i.imgur.com/vXXoGxK.png);
}

/* PURPLE THEME */
.page:has(.purple) h1+p::first-letter {
background-image : linear-gradient(-65deg, #5d2966, #5d2966, #be89b7,
#5d2966, #5d2966);
}
.page:has(.purple) .note,
.page:has(.purple) table:not(.monster table) tr:nth-child(odd) td {
background-color : #e6dbe6;
}
.page:has(.purple) [class*="watercolor"] {
background-color : #b266b7 !important;
}
.page:has(.purple):after {
background-image : url(https://i.imgur.com/xAb2UjA.png);
}
/* FRONT COVER _____________________________________________________ */
/* _________________________________________________________________ */
.page:has(.frontCover) {
padding-top : 78px;
}
.page:has(.frontCover) h1 {
margin-top : 12px;
text-transform : none;
font-size : 98px;
}

.page:has(.frontCover) hr {
margin : 12px auto;
width : 10cm;
}

.page:has(.frontCover) h2,
.page:has(.frontCover) h3 {
filter : drop-shadow(0 0 1.3px black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black)
drop-shadow(0 0 0 black) drop-shadow(0 0 0 black);
font-family : 'Modesto Expanded';
font-size : 0.8cm;
letter-spacing : 0.1cm;
margin-top : 10px;
transform : ScaleX(0.9);
}

.page:has(.frontCover) h3 {
color : white;
border-bottom : none;
font-size : 0.64cm;
}

.page:has(.frontCover) .footnote {
font-family : VeraCruz;
z-index : 1;
letter-spacing : 1px;
width : fit-content;
}

.page small {
position : relative;
text-transform : lowercase;
bottom : 10px;
font-size : 90%;
}

.page:has(.frontCover) .emblem,
.page:has(.frontCover) .color {
position : absolute;
top : 0;
left : 0;
background-size : 100% 100%;
background-repeat : no-repeat;
}
.page:has(.frontCover) .color {
 height : 19px;
width : 650px;
background-color : black;
opacity : 75%;
z-index : -1;
-webkit-mask-image : url(https://i.imgur.com/bURATrX.png);
-webkit-mask-size : 100% 100%;
}
.page:has(.frontCover) .emblem {
height : 80px;
width : 340px;
z-index : 0;
background-image : url(https://i.imgur.com/y2xctk4.png);
}
.page:has(.frontCover) .emblem img {
left : 20px;
top : 0;
min-width : unset;
max-width : 50%;
max-height : 100%;
z-index : 1;
}

/* INSIDE COVER ____________________________________________________ */

/* _________________________________________________________________ */

.page:has(.insideCover) {
padding-top : 75px;
}

.page:has(.insideCover) h1 {
margin-top : -6px;
font-size : 2.3cm;
letter-spacing : 0px;
}

.page:has(.insideCover) h2,
.page:has(.insideCover) h3 {
font-family : 'Modesto Expanded';
letter-spacing : 0.8px;
font-size : 0.8cm;
border-bottom : unset;
margin : 10px -72px 20px;
}

.page:has(.insideCover) h3 {
font-size : 0.67cm;
}

.page:has(.insideCover) hr {
margin : 12px auto;
width : 10cm;
}

/* CREDITS PAGE ____________________________________________________ */

/* _________________________________________________________________ */
.page:has(.credits) h1+p::first-letter,
.page:has(.credits) h1+p::first-line,
.page:has(.credits):after {
all : unset;
}

.page:has(.credits) h1 {
font-size : 40px;
}

.page:has(.credits h2),
.page:has(.credits h5) {
margin-bottom :14px;
}

.page:has(.credits) p {
font-family : Martel_SansRegular;
font-style : normal;
font-size : 0.83em;
line-height : 1.5em;
text-indent : -1em;
margin-left : 1em;
}

.page:has(.credits) strong {
font-family : Martel_SansExtraBold;
}

.page .frontcredit {
position : relative;
right : 10px;
width : 340px;
height : 240px;
margin-top : 15px;
margin-bottom : 110px;
}

.page .frontcredit {
position : relative;
right : 10px;
width : 340px;
height : 240px;
margin-top : 15px;
margin-bottom : 100px;
border-image-source : url(https://i.imgur.com/SbHwJ7t.png);
border-image-slice : calc(50 / 150 * 110%) calc(80 / 230 * 100%)
fill;
border-image-width : 50px;
border-image-outset : 3px 4px;
}

.page .frontcredit img {

position : relative;
display : block;
top : 1px;
right : 0px;
min-width : 100%;
height : 238px;
-webkit-mask-image :
url(https://i.imgur.com/2N37Q4V.png);
-webkit-mask-position : middle;
-webkit-mask-size : 340px 240px;
-webkit-mask-repeat : no-repeat;
z-index : -1;
}

.page .frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
}

.page .frontcredit p {
text-indent : 0em;
margin-left : 0em;
}

.credits .footnote {
bottom : 20px;
left : 0px;
width : 100%;
font-size : 1em;
text-transform : none;
text-align : left;
color : black;
}

.credits .footnote p {
padding : 4.5em;
text-indent : 0px;
}

/* CHAPTER COVER PAGE CODE__________________________________________ */

.page:has(.partCover) h1 {
font-size : 8.5em;
margin : 8px 5px -2px;
transform : ScaleY(0.9);
letter-spacing : -1px;
}

.page:has(.partCover) h2 {
font-family : 'Overpass Bold';
font-size : 1.35em;
letter-spacing : 0;
font-weight : 900;
}

/* BACK COVER CODE__________________________________________________ */

/* _________________________________________________________________ */

/* Feel free to change the "rgba" values to whatever color you'd like (I recommend
using https://www.hexcolortool.com/ to pick a color) */
.page:has(.backCover) .backCover {
filter : drop-shadow(0px 0px 45px rgba(235, 213, 183, 0.6));
}

.page:has(.backCover) h1 {
 font-size : 58px;
}

.page:has(.backCover) p {
font-family : martel_sanssemibold;
font-size : 11.7px;
line-height : 1.6em;
text-indent : 0;
}

.page:has(.backCover) caps {
font-size : 125%;
}
```

<!---
Here is a link to all my other Homebrewery templates, if you're interested:

https://homebrewery.naturalcrit.com/user/KaiburrKathHound?sort=alpha&dir=asc

Also, IF you want to buy me a coffee (or something), here's my Ko-fi page:
https://ko-fi.com/kaiburrkathhound
--->

{{frontCover}}

{{logo }}

<!---
For anyone interested, the front cover title formatting has been updated such that
you can emulate nearly every D&D 5e title without adjusting anything aside from the
order you put the titles in.

To illustrate this, feel free to copy and paste any of the following combination of
titles and replace the title and subtitle in the code below:

# EBERRON
## RISING FROM THE LAST WAR

## VAN RICHTEN'S GUIDE TO

# RAVENLOFT

# The Wild Beyond <br> The Witchlight

### a feywild adventure

--->

# PLAYER'S HAND BOOK

## Definitely not a "Handbook"
___

{{banner HOMEBREW}}

{{footnote
Everything you need to create a heroic document <br> for the world's greatest
roleplaying game
}}

{bottom:0,right:0,height:100%}

\page

{{insideCover}}

# PLAYER'S HAND BOOK

## Definitely not a "Handbook"
___

{{imageMaskCenter12,--offsetX:0%,--offsetY:0%,--rotation:0,bottom:-50px
{bottom:22%,height:54%,left:20px}
}}

{{logo }}

{{artist
[Ralph Horsley](http://www.ralphhorsley.co.uk/)
}}

\page

{{credits,wide

{{columns:2

<!---
NOTE: Though the PHB uses an H5 header for the "Credits" title, most other D&D
books use an H2 header.
--->
##### Credits
**Template Lead Designer:**
[u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)
:
**Front Cover Code:** [u/TheLurkerOne](https://www.reddit.com/user/TheLurkerOne/)
(modified)

**Interior Cover Code:**

[u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)

**Credits Page Code:** [u/5e_Cleric](https://www.reddit.com/user/5e_Cleric/)

(modified)

**Back Cover Code:** [u/5e_Cleric](https://www.reddit.com/user/5e_Cleric/)

(modified)
:
Many thanks to [u/5e_Cleric](https://www.reddit.com/user/5e_Cleric/) and
[u/Gambatte](https://www.reddit.com/user/Gambatte/) and all the developers at [The
Homebrewery](https://github.com/naturalcrit/homebrewery) for constantly working to
update the source code.

##### Artist Credits

**Front Cover:** PHB by [Tyler Jacobson](http://www.tylerjacobsonart.com/)
**Inside Cover:** *Standfast* by [Ralph Horsley](http://www.ralphhorsley.co.uk/),
@Wizards of the Coast

**Page 5:** *Ghosts of Dragonspear Castle* by [Kekai

Kotaki](http://www.kekaiart.com/), @Wizards of the Coast

**Page 6:** *Goblin Battle* by [Kieran Yanner](http://www.kieranyanner.com/),

@Wizards of the Coast

**Page 8:** *Iconic Party* by [Daren Bader](https://www.artstation.com/darenbader),

@Wizards of the Coast

**Page 10:** *Spell Components* by [Lake

Hurwitz](https://www.artstation.com/demonui), @Wizards of the Coast

}}

{{frontcredit

<!---
Replace the url below with whatever image you use for the front cover; the image
will automatically arrange itself inside the display box
--->
 {}

##### On the Cover

In this fiery scene illustrated by [Tyler
Jacobson](http://www.tylerjacobsonart.com/), the fire giant King Snurre, suffering
no fools to live, calls his hell hounds to join him in confronting unwelcome guests
in his home.

}}

{{footnote
The contents of this document is unofficial Fan Content permitted under the Fan
Content Policy. Not approved/endorsed by Wizards. Portions of the materials used
are property of Wizards of the Coast. ©Wizards of the Coast LLC.
}}

}}

\page

# Preface
Once upon a time, long, long ago, in a realm called the Midwestern United States—
specifically the states of Minnesota and Wisconsin—a group of friends gathered
together to forever alter the history of gaming.

It wasn't their intent to do so. They were tired of merely reading tales about
worlds of magic, monsters, and adventure. They wanted to play in those worlds,
rather than observe them. That they went on to invent Dungeons & Dragons, and
thereby ignite a revolution in gaming that continues to this day, speaks to two
things.

{{watercolor4,top:80px,right:90px,width:300px,opacity:40%}}

{{note
##### Quick Build
Each class description in chapter 3 includes a section offering suggestions to
quickly build a character of that class, including how to assign your highest
ability scores, a background suitable to the class, and starting spells.
}}

##### Character Advancement

| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{decal

}}

{{arch

}}

{{pageNumber,auto}}
{{footnote PREFACE }}
\page

{{partCover}}

# PART 1
## Creating a Character

{{imageMaskEdge7,--offset:8.5cm,--rotation:170
{height:107%,right:0,top:-
22px}
}}

{{pageNumber,auto,green}}
{{footnote Part 1 | Creating a Character}}
\page

{{fullpage
 {}
}}

\page

# Chapter 1: Step-by-step Characters

Your first step in playing an adventurer in the <caps>Dungeons & Dragons</caps>
game is to imagine and create a character of your own. Your character is a
combination of game statistics, roleplaying hooks, and your imagination. You choose
a race (such as human or halfting) and a class (such as fighter or wizard). You
also invent the personality, appearance, and backstory of your character. Once
completed, your character serves as your representative in the game, your avatar in
the Dungeons & Dragons world.
{{watercolor2,top:40px,right:80px,width:350px,opacity:100%}}

{{note
##### Quick Build
Each class description in chapter 3 includes a section offering suggestions to
quickly build a character of that class, including how to assign your highest
ability scores, a background suitable to the class, and starting spells.
}}

##### Character Advancement

| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

## Dwarf
{{quote,author
"Yer late elf!" came the rough edge of a familiar voice. Bruenor Battlehammer
walked up the back of his dead foe, disregarding the fact that the heavy monster
lay on top of his elven friend. In spite of the added discomfort, the dwarf's long,
pointed, often-broken nose and gray-streaked though still-fiery red beard came as a
welcome sight to Drizzt. "Knew I'd find ye in trouble if I came out an' looked for
ye!"

---R. A. Salvatore, *The Crystal Shard*

}}

{{pageNumber,auto,green}}
{{footnote Part 1 | Creating a Character}}
\page

{{partCover}}

# Part 2
## Playing the Game

{{imageMaskEdge1,--offset:10cm,--rotation:180
{width:100%}
}}

{{pageNumber,auto,blue}}
{{footnote Part 2 | Playing the Game}}
\page

# Chapter 7: Using Ability Scores

Six abilities provide a quick description of every creature's physical and mental
characteristics: **Strength**, **Dextrerity**, **Constitution**, **Intelligence**,
**Wisdom**, and **Charisma**. Is a character muscle-bound and insightful? Brilliant
and charming? Nimble and hardy? Ability scores define these qualities—a creature's
assets as well as weaknesses.

{{watercolor11,top:90px,right:40px,width:350px,opacity:50%
}}
{{note
##### Hiding
The DM decides when circumstances are appropriate for hiding. When you try to hide,
make a Dexterity (Stealth) check. Until you are discovered or you stop hiding, that
check's total is contested by the Wisdom (Perception) check of any creature that
actively searches for signs of your presence.
}}

::

##### Character Advancement

| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{pageNumber,auto,blue}}
{{footnote Part 2 | Playing the Game}}
\page

{{partCover}}

# Part 3
## The Rules of Magic

{{imageMaskEdge3,--offset:10cm,--rotation:180
{position:absolute,bottom:0,left:0,width:100%}
}}

{{pageNumber,auto,purple}}
{{footnote Part 3 | The Rules of Magic}}
\page

# Chapter 10: Spellcasting

Magic permeates the worlds of d&d and most often appears in the form of a spell.
This chapter provides the rules for casting spells. Different character classes
have distinctive ways of learning and preparing their spells, and monsters
use spells in unique ways. Regardless of its source, a spell follows the rules
here.

{{watercolor7,top:-20px,right:40px,width:350px,opacity:60%}}

{{note
##### Casting in Armor
Because ofthe mental focus and precise gestures required for spellcasting, you must
be proficient with the armor you are wearing to cast a spell. You are otherwise too
distracted and physically hampered by your armor for spellcasting.

}}

::

##### Character Advancement

| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{pageNumber,auto,purple}}
{{footnote Part 3 | The Rules of Magic}}
\page

# Appendix A: Conditions
Conditions alter's creature's capabilities in a variety of ways and can arise as a
result of a spell, a class feature, a monster's attack, or other effect. Most
conditions, such as blinded, are impairments, but a few, such as invisible, can be
advantageous.

{{watercolor11,top:40px,right:30px,width:350px,opacity:50%
}}

{{note
##### Exhaustion
Some special abilities and environmental hazards, such as starvation and the long-
term effects offreezing or scorching temperatures, can lead to a special condition
called exhaustion. Exhaustion is measured in six levels. An effect can give a
creature one or more levels ofexhaustion, as specified in the effect's description.

}}

##### Character Advancement

| Experience Points | Level | Proficiency Bonus |
|:------------------|:-----:|:-----------------:|
| 0 | 1 | +2 |
| 300 | 2 | +2 |
| 900 | 3 | +2 |
| 2,700 | 4 | +2 |
| 6,500 | 5 | +3 |
| 14,000 | 6 | +3 |

{{pageNumber,auto}}
{{footnote Appendix A | Conditions}}
\page

{{backCover}}

# Arm Yourself for Adventure

The *Player's Hand Book* is the essential reference for every <caps>Dungeons &
Dragons</caps> roleplayer.

It contains rules for character creation and advancement, backgrounds and skills,
exploration and combat, equipment, spells, and much more.
:
Use this book to create exciting characters from among the most iconic D&D® races
and classes.
:
<caps>Dungeons & Dragons</caps> immerses you in a world of adventure. Explore
ancient ruins and deadly dungeons. Battle monsters while searching for legendary
treasures. Gain experience and
power as you trek across uncharted lands with your companions
:
The world needs heroes. Will you answer the call?

___

When you're ready for even more, expand your adventures with the fifth edition
*Dungeon's Masterguide* and *Monster's Manual*.

{position:absolute,bottom:0,left:0,height:100%}

{{logo

[homebrewery.naturalcrit.com](https://homebrewery.naturalcrit.com)
}}