Barbarian: Path of the Thunderbolt

#### Barbarian:
### Path of the **Thunderbolt**

With the fierce temper of an oncoming storm, these barbarians are the warriors of will and fervor. The path of the Thunderbolt is one of electrifying zeal and passion, of impatience and celerity.

Thunderbolts are impulsive and often found living as hermits and travelers, for few can bear their thunderous temper. They may find their kin in the tumultuous seas, living as jolly sailors... or as manic pirates.

The storm within screams to you to rage and churn as a tempest unleashed, the world around you begs for you to cease. For whom do you wield your thunder? Do you revel in this storm or do you attempt to reign it in?

\columnbreak

##### Thunderbolt Features

| Barbarian Level  | Feature    |
|:----:|:-----------------------|
| 3rd  | Fulmination        |
| 6th  | Arcing bolts       |
| 10th | Evasion            |
| 14th | Culminating storm  |

#### Fulmination
*3rd level Thunderbolt feature*<br>
You carry the might of the storm, rushing through the battlefield like a bolt of lightning. When you rage and as a bonus action on your turns for the duration, you can move upto your movement speed in a straight line. This movement doesn't provoke attacks of opportunity.

If you hit a creature with a weapon attack during or immediately after this movement, the creature takes 1d6 + half your barbarian level (rounded down) as lightning damage.

You can deal this additional damage only once on each of your turns.

#### Arcing bolts
*6th level Thunderbolt feature*<br> 
When you deal lighting damage to a creature with fulmination, up to 3 creatures of your choice within 15ft of the target take an equal amount of lightning damage.

#### Evasion
*10th level Thunderbolt feature*<br> 
You can nimbly dodge out of the way of certain area effects, such as a red dragon's fiery breath or an Ice Storm spell. When you are subjected to an effect that allows you to make a Dexterity saving throw to take only half damage, you instead take no damage if you succeed on the saving throw, and only half damage if you fail.

#### Culminating storm
*14th level Thunderbolt feature*<br> 
Your lightning grows ever fiercer with your rage. While you rage, the damage from your fulmination increases by 1d6 at the end of each of your turns, to a maximum of 10d6.

This increase ends if you haven't attacked a hostile creature since the beginning of your last turn.

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

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

</div>

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

--main-color-stripe1:   #718181;
  --main-color-stripe2:   #415151;
}

.phb {
;
    font-family: 'Montserrat';
    font-size: 12px;
    letter-spacing: -0.2pt;
    color: #a6aea4;
}
.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: #79e6ad; }
.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: var(--main-color-dark); }
.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>