Bard: College of the Harlequins

#### Bardic college:

## <h1><b>Harlequins</b></h1>

</div>

</div>

Harlequins are mirthful jesters, expressing their emotions through myriad dances and performances. Their theatrics are elaborate, deftly crafted and executed. To the uninitiated, theirs look like acts of chaotic whimsy beaded through a string of impossible luck.

To a harlequin, the swing of a scimitar is as much of an art form as the stroke of a feathery quill. One might sing the songs of heroes past, or enact the plays of mortal men all the while slicing through a dozen men. Through steel and spell, they weave the most enthralling of performances, inciting joy or anger or more.

Enacting these plays, a harlequin often bears myriad masks. On donning a mask, the person takes a step back and lets the character take center stage. You might have a mask for every occasion, but who are *you*, really? Is the porcelain smile on your lips yours or someone else's?

</div>

##### Harlequin Features
<div style="position:relative;width:119%;left:-38px;">

| Bard Level  | Feature                             |
|:----:|:-------------------------------------------|
| 3rd  | Theater of War,<br>Mystic Masquerade        |
| 6th  | Extra attack,<br>Masque of the phantasms    |
| 14th | Fervent Finale                             |

</div>

\columnbreak

</div>

#### Theater of war
*3rd level Harlequin feature*<br>
You gain proficiency with medium armor and a melee weapon of your choice. You can use this weapon as a spellcasting focus for your bard spells.

#### Mystic Masquerade
*3rd level Harlequin feature*<br>
You gain proficiency in carpenter's tools, and you can use them to craft an elaborate harlequin mask. As a bonus action, you can transform your mask to one of its forms, or to any other visual of your choice. You gain additional features depending on the mask's form:

##### <b>Mask of Joy.</b> 
When you cast a spell that charms or heals a creature, you can expend a bardic inspiration die and target an additional creature within range to be affected by the spell.

##### <b>Mask of Anger.</b>
When you cast a bard spell that frightens or damages a creature, you can expend a bardic inspiration die and make a weapon attack as a bonus action.

#### Extra attack
*6th level Harlequin feature*<br>
You can attack twice, instead of once, whenever you take the Attack action on your turn.

#### Masque of the phantasms
*6th level Harlequin feature*<br>
While wielding a musical instrument, you can cast an illusion spell you know as a ritual. If the illusion spell has a duration of one minute or longer, you can keep performing to maintain it. The spell lasts until you end the performance or take another action.

You can use this feature once, and regain expended uses on a short or long rest.

#### fervent finale
*14th level Harlequin feature*<br>
When you would be reduced to 0 hit points while wearing your mask, you can use your reaction to perform one final flourish. Once you perform a finale, you don't any benefits from that mask until you finish a short or long rest.

##### <b>Finale of Joy.</b> 
You are instead reduced to a number of hit points equal to your bard level, and you can move upto half your movement speed without provoking an opportunity attack.

##### <b>Finale of Anger.</b>
You can make a weapon attack against the creature that reduced you to 0 hit points. On a hit, the attack deals additional damage equal to your bard level.

College of the Harlequins by [Lucifer](https://www.gmbinder.com/profile/Lucifer1389)

Art by [Michael Angelo Dulay](https://www.artstation.com/madmorose)

</div>

@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap');

:root {
  --main-color:           #5d8b77;
  --main-color-dark:      #5b7b6e;
  --main-color-light:     #d9be79;
  --main-color-lighter:   #D0E8ED;
  --main-color-lightest:  #F6FDFE;

--main-color-stripe1:   #d5b977;
  --main-color-stripe2:   #ecf2c6;
}

.phb {
;
    font-family: 'Montserrat';
    font-size: 12px;
    letter-spacing: -0.2pt;
    color: #964e44;
}
.phb table { font-family: 'Montserrat'; font-size: 0.3cm; }

.phb .descriptive { font-family: 'Montserrat'; font-size: 0.3cm; }
.phb .descriptive p { font-family: 'Montserrat'; font-size: 0.4cm; padding-top:10px; }
.phb .descriptive em { font-family: 'Montserrat'; }
.phb .descriptive strong { font-family: 'Montserrat'; }

.phb blockquote { font-family: 'Montserrat'; font-size: 0.3cm; }
.phb blockquote p { font-family: 'Montserrat'; font-size: 0.3cm; }
.phb blockquote em { font-family: 'Montserrat'; }
.phb blockquote strong { font-family: 'Montserrat'; }
.phb .spellList { font-family: 'Montserrat'; font-size: 0.3cm; }
.phb .spellList ul { font-family: 'Montserrat'; font-size: 0.3cm; }

.phb hr+section blockquote h3 {font-family: 'Montserrat'; }

.phb h1, .phb h2, .phb h3, .phb h4, .phb h5, .phb h6 { font-family: 'Montserrat'; text-transform: uppercase; color: #b89f5c; }
.phb h3 { border-bottom-color: var(--main-color); }
.phb h5 { color: var(--main-color); }
.phb h6 { font-weight: bold; margin-bottom: 0.3em; }

.phb h1+p::first-letter {
    float: left;
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 4.6em;
    color: #000;
    text-shadow: 3px 3px var(--main-color-light);
    line-height: .8em;
    letter-spacing: 0.05em;
}

.phb .back-cover-header { color: var(--main-color); line-height: 0.8; }
.phb .back-cover-text a, .phb .back-cover-close a { color: var(--main-color); }
.phb .back-cover-logo:after {
    position: absolute;
    content: "";
    background: var(--main-color);
    width: 100%;
    height: 100%;
    mix-blend-mode: darken;
}

.phb a { color: #3b5b4e; }
.phb strong { letter-spacing: inherit; }

.phb table thead tr th {
    text-transform: uppercase;
    color: var(--main-color-dark);
    border-bottom: 2px solid var(--main-color);
    font-size: 85%;
}
.phb table tbody tr:nth-child(odd) {
   background: var(--main-color-stripe1);
}
.phb table tbody tr:nth-child(even) {
   background: var(--main-color-stripe2);
}

.phb blockquote, .phb .descriptive { 
    border: 2px solid #000;
    border-image: none;
    border-image-width: 0px;
}
.phb blockquote {
    background: rgba(119, 179, 36, 0.1);
    border-color: rgb(119, 179, 36);
    margin: 0 -0.7em 1em;
    padding: 1px 0.7em;
    border-width: 3px 0px 3px 0px;
    box-shadow: none;
}
.phb .descriptive {
    display: block;
    background: rgba(115, 81, 69, 0.1);
    border-color: rgb(115, 81, 69);
    margin: 0 -1.25em 1em;
    padding: 1px 1em;
    border-width: 0px 3px 0px 3px;
}

.phb blockquote p, .phb blockquote ul, 
.phb .descriptive p, .phb .descriptive ul {
    line-height: 1.1em;
}
.phb blockquote h5, 
.phb .descriptive h5 {
    margin-top: 10.5px;
}

.phb .classTable h5, 
.phb blockquote h5, 
.phb .descriptive h5 {
    color: #000;
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child, 
.descriptive p:last-child, .descriptive ul:last-child, .descriptive ol:last-child {
    margin-bottom: 10.5px;
}

.phb .classTable { 
    border: 3px solid var(--main-color);
    margin: 0 -1em 1.5em;
    padding: 0 .7em;
    border-image: -webkit-linear-gradient(135deg, var(--main-color) 0%, var(--main-color-lightest) 50%, var(--main-color) 100%) 1;
    background: #fff;
    position: relative;
}

.phb .classTable:before, .phb .classTable:after {
    content: "";
    border: 3px solid var(--main-color);
    position: absolute;
    z-index: -1;
    display: inline-block;
    padding: 12px;
}
.phb .classTable:before { top: -9px; left: -9px; }
.phb .classTable:after {bottom: -9px; right: -9px; }

.phb .footnote, .phb .pageNumber {
    font-family: 'Montserrat';
    font-weight: 900;
    text-transform: uppercase;
    color: var(--main-color);
    bottom: 0.5cm;
    font-size: 0.28cm;
    line-height: 0.6cm;
    padding: 0 1em;
}
.phb .footnote { 
    width: auto;
    right: initial;
}
.phb:nth-of-type(odd) .footnote { left: -400px; right:auto; }
.phb:nth-of-type(even) .footnote { right: 80px; left:auto; }

.phb:after { 
    background-image: none; 
    background-color: var(--main-color-lightest);
    height: 0.6cm;
    z-index: -5;
    bottom: 0.5cm;
}

.phb hr+section blockquote {
    padding: 1.3em 0.75em 0.5em;
    border-image: none;
    border-width: 6px 0px 3px;
    border-color: hsl(45, 82%, 60%);
    background: hsl(45, 82%, 94%);
    background-image: none;
    position: relative;
    overflow: visible;
}

.phb hr+section blockquote:before, .phb hr+section blockquote:after {
    position: absolute;
    left: 0px;
    width: 100%;
    content: "";
    border: 0px solid hsl(45, 82%, 60%);
}
.phb hr+section blockquote:before {
    top: -6px;
    height: 12px;
    border-width: 0 6px 0;
}
.phb hr+section blockquote:after {
    bottom: -3px;
    height: 8px;
    border-width: 0 3px 0;
}

.phb hr+section blockquote ul strong {
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: .3cm;
}
.phb hr+section blockquote hr+ul strong { color: hsl(358, 82%, 30%); }
.phb hr+section blockquote hr+ul { color: hsl(358, 82%, 15%); }
.phb hr+section blockquote hr {
    background: hsl(45, 60%, 75%);
    height: 2px;
    margin: 6px 0;
}
.phb hr+section blockquote hr+table { padding-top: 5px; }
.phb hr+section blockquote table th { color: hsl(358, 82%, 30%); font-size: 100%; padding-bottom: 0; border-bottom: none; }
.phb hr+section blockquote h3 { font-family: 'Montserrat'; font-weight: 900; border-bottom: none; }
.phb hr+section blockquote strong { font-weight: bold; }

.phb .partpage, .phb .partpage-dmg { background: none; }
.phb .partpage h1, .phb .partpage-dmg h1 {
    font-family: "Montserrat";
    font-size: 64pt;
    font-weight: 900;
    letter-spacing: -2px;
    margin: 9em 0 0;
    background: #000;
    color: #fff;
    padding: 12px 0 0;
}

.phb .partpage h5, .phb .partpage-dmg h5 {
    font-family: "Montserrat";
    font-size: 24pt;
    background: #000;
    color: var(--main-color);
    margin: 0;
    padding: 0 0 16px;
}
.phb .partpage-dmg h1, .phb .partpage-dmg h5 { background: var(--main-color); }
.phb .partpage-dmg h5 { color: #000; }

.phb .back-cover-diamond { height: 0; left: 2.3cm; }
.phb .back-cover-diamond:before {
    content: "";
    display: inline-block;
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 8px 132px 8px 8px;
    border-color: transparent var(--main-color) transparent transparent;
}
.phb .back-cover-diamond:after {
    content: "";
    display: inline-block;
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 8px 8px 8px 132px;
    border-color: transparent transparent transparent var(--main-color);
}

.phb .cover-header { font-family: "Montserrat"; font-weight: 900; text-transform: uppercase; top: 70px; }
.phb .cover-footer { font-family: "Montserrat"; font-weight: 900; text-transform: uppercase; }
.phb .cover-diamond { height: 0px; left: 208px; top: 160px;}
.phb .cover-diamond:before {
    content: "";
    display: inline-block;
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 8px 192px 8px 8px;
    border-color: transparent var(--main-color) transparent transparent;
}
.phb .cover-diamond:after {
    content: "";
    display: inline-block;
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 8px 8px 8px 192px;
    border-color: transparent transparent transparent var(--main-color);
}
.phb .cover-splotch { filter: hue-rotate(188deg) saturate(0.81) brightness(1.27); }
    .phb:after { display:none; }

</style>