```metadata

title: Storm King's Style

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

```

```css
/* FONT IMPORTS ____________________________________________________ */
/* _________________________________________________________________ */

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

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

/* GENERAL CODE ____________________________________________________ */

/* _________________________________________________________________ */

/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/V4l4HIl.jpg);
background-size : 100% 100%;
}
.page:nth-of-type(odd) {
background-image : url(https://i.imgur.com/wLcHJtr.jpg);
}

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

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

/* NOTES */
.page .note {
background-color : #d1dcdb;
 border-image : url(https://i.imgur.com/isSyyq3.png) 14
stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
margin : 4mm 0 1mm;
}

/* DESCRIPTIVE NOTES */
.page .descriptive {
background-color : #e8eded;
border-image : url(https://i.imgur.com/SCHAQ25.png) 12 stretch;
border-image-outset : 4px;
}

/* TABLES */
.page table:not(.monster table) tr:nth-child(odd) td {
background-color : #e3e8e8;
}

/* MONSTER STATBLOCKS */
.page .monster.frame {
background-color : #faf2cc;
}

/* Adds spacing beneath Headers and Notes */

.page .note {
margin-top : 5mm;
}
.page .note + .note {
margin-top : 2.5em;
}

/* Adjusts the various spacings of Numbered and Bulleted Lists */

.page .note ol > li {
padding: 0 0 0 0.4em;
text-indent: -1.5em;
list-style-type: none;
counter-increment: item;
}
.page .note ul {
margin-top: 0.6em;
}

.page ol {
margin: 0.4em 0 0.5em;
padding: 0;
}
.page ol > li {
padding: 0 0 0 1.3em;
text-indent: -1.5em;
list-style-type: none;
counter-increment: item;
}
.page ol > li:before {
display: inline-block;
width: 1em;
padding-right: 0.5em;
font-weight: bold;
text-align: right;
 content: counter(item) ".";
}

/* ARTIST CREDITS */
.page .artist {
position : absolute;
bottom : 180px;
right : -40px;
width : 20%;
transform : rotate(-90deg);
font-family : ScalySansSmallCapsRemake;
font-size : 13px;
text-align : left;
text-transform : lowercase;
color : #93a1a0;
z-index : 200;
}
.page:nth-of-type(even) .artist {
right : unset;
left : -40px;
}
.page .artist p {
font-family : ScalySansSmallCapsRemake !important;
font-size : 13px !important;
}

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

/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #acb7b9;
}

/* FOOTER IMAGE */
.page:after {
height : 58px;
width : 510px;
left : 32px;
bottom : -6px;
background-image : url(https://i.imgur.com/hJGiTZx.png);
transform : ScaleX(-1);
}
.page:nth-of-type(even):after {
left : unset;
right : 32px;
transform : ScaleX(1);
}

/* FOOTER TEXT */
.page:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 72px;
bottom : 42px;
font-size : 10.7px;
 color : #879796;
text-transform : uppercase;
text-align : left;
width : 400px;
font-weight : 800;
font-family : Marco Polo;
letter-spacing : 1.2px;
z-index : -3;
text-shadow : #e6f6f6 0 0 7px,
#e6f6f6 0 0 10px,
#e6f6f6 0 0 12px;
}
.page:nth-child(even):not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : unset;
right : 72px;
text-align : right;
}

/* PAGE NUMBER */
.page .pageNumber{
left : 18px;
bottom : 29px;
font-size : 15px;
color : #798b8a;
text-align : left;
font-family : Marco Polo;
font-weight : 100;
z-index : -3;
text-shadow : #e6f6f6 0 0 7px,
#e6f6f6 0 0 10px,
#e6f6f6 0 0 12px;
}
.page:nth-child(even) .pageNumber{
left : unset;
right : 18px;
text-align : right;
}

/* HYPERLINKS */
.page a {
color : inherit;
text-decoration : none;
font-weight : inherit;
}
.page a:hover{
text-decoration : underline;
}

/* QUOTE */
.page .quote {
font-family : Cormorant;
font-size : 15px;
line-height : 1em;
margin-top : 0px;
padding-bottom : 4px;
}

.page .quote.author p:last-child {

font-family : BookInsanityRemake;
 font-size : 0.34cm;
margin-top : 4px;
text-align : right;
}

/* FRONT COVER _____________________________________________________ */

/* _________________________________________________________________ */

.page:has(.frontCover) {
padding-top : 78px;
}
.page:has(.frontCover) h1 {
margin-top : 16px;
text-transform : none;
}

.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;
letter-spacing : 1px;
z-index : 1;
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 CODE _______________________________________________ */

/* _________________________________________________________________ */

.page:has(.insideCover) h1 {
font-size : 88px;
}

.page:has(.insideCover) h2 {
font-family : Nodesto;
font-size : 3em;
letter-spacing : 0.8px;
}

.page:has(.insideCover) h3 {
font-family : 'Modesto Expanded';
font-weight : normal;
font-size : 31px;
letter-spacing : 1px;
border-bottom : unset;
margin : 10px -72px 20px;
width : 816px;
}

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

/* CREDITS PAGE ____________________________________________________ */

/* _________________________________________________________________ */
.page .credits h1+p::first-letter,
.page .credits h1+p::first-line,
.page h1+p::first-letter,
.page 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;
}

.credits a {
color : #6c0007;
font-weight : 900;
}

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

.page .frontcredit::before {
content : '';
position : absolute;
top : 4px;
left : -23px;
height : 100%;
width : 105.5%;
background-image : url(https://i.imgur.com/YvKl5hM.png);
background-size : 100% 100%;
}

.page .frontcredit img {

position : relative;
top :
13px;
left : -17px;
width : 101.9%;
height :
max(234px,100%);
-webkit-mask-image :
url(https://i.imgur.com/UzlTarG.png);
-webkit-mask-position : top;
-webkit-mask-size : 100% 234px;
-webkit-mask-repeat : no-repeat;
}

.page .frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
text-shadow : #000 0px 0px 0.1px;
}

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

.page .credits .footnote {

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

.page .credits .footnote p {

padding : 4.5em;
text-indent : 0;
}

/* TABLE OF CONTENTS _______________________________________________ */

/* _________________________________________________________________ */

.page .toc h1 {
text-align : left;
font-size : 40px;
color : #6c0007;
}

.page .toc h3 {
font-family : BookInsanityRemake;
font-size : 13.5px;
font-weight : 800;
letter-spacing : 0px;
border-bottom : unset;
color : #6c0007;
}

.page .toc ul h3 span:first-child::after {

 content : "";
bottom : 0.08cm;
flex : 1;
margin-left : 0.08cm;
margin-right : 0.16cm;
border-bottom : 0.05cm dotted #000;
margin-bottom : 0.08cm;
}

.page .toc h4 {
margin-top : 2px;
margin-bottom : 0px;
font-family : BookInsanityRemake;
font-weight : 100;
color : black;
font-size : 13px;
letter-spacing : 0px;
}

.page .toc ul li + li h3 {
margin-top : 8px;
}

.page .toc a {
font-weight : inherit;
}

.page .toc.wide {
columns :3;
}

/* CHAPTER HEADING _________________________________________________ */

/* _________________________________________________________________ */

.page .chapter {
column-span : all;
display : block;
padding-bottom : 28px;
}

.chapter h1 {
font-weight : normal;
letter-spacing : 0.5px;
margin-bottom : -10px;
font-size : 34px;
}

.chapter+p::first-letter,
.chapter+.quote::first-letter,
.page h1+p::first-letter,
.page h1+.quote::first-letter {
color : black;
float : left;
font-family : SolberaImitationRemake;
font-size : 140px;
line-height : 1em;
text-transform : uppercase;
padding : 20px 2px 2px 56px;
margin : -32px 1px -20px -34px;
}

.page h1+.quote::first-letter,
.chapter+.quote::first-letter {
font-size : 88px;
margin-left : -4px;
}

.chapter+.quote::first-line,
.chapter+p:first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 15px;
text-transform : lowercase;
line-height : 14px;
}

.chapter::before {
content : '';
position : absolute;
width : 400px;
height : 450px;
top : 310px;
left : -140px;
-webkit-mask-image : url(https://i.imgur.com/KQGJsFj.png);
-webkit-mask-size : contain;
-webkit-mask-repeat : no-repeat;
mask-image : url(https://i.imgur.com/KQGJsFj.png);
mask-size : contain;
mask-repeat : no-repeat;
background-color : #cbe0e2;
z-index : -2;
}

.chapter img {
top : 0;
left : 0;
width : 100%;
-webkit-mask-image : url(https://i.imgur.com/qMbeTUE.png);
-webkit-mask-position : top;
-webkit-mask-size : 100% min(100%,550px);
-webkit-mask-repeat : no-repeat;
}

.chapter.one { margin-top : 432px }

.chapter.one::after { top : 508px }

.chapter.two img {
-webkit-mask-image : url(https://i.imgur.com/FCLsbxh.png); }

.chapter.two { margin-top : 482px }

.chapter.two::before { top : 360px }
.chapter.two::after { top : 558px }

.chapter.three img {
-webkit-mask-image : url(https://i.imgur.com/PHbRBY6.png); }

.chapter.three { margin-top : 442px }

.chapter.three::before { top : 320px }
 .chapter.three::after { top : 518px }

.chapter.four img {
-webkit-mask-image : url(https://i.imgur.com/NCjNaAC.png); }
.chapter.four { margin-top : 452px }
.chapter.four::before { top : 330px }
.chapter.four::after { top : 528px }

.chapter.five img {
-webkit-mask-image : url(https://i.imgur.com/3vH5oNX.png); }
.chapter.five { margin-top : 462px }
.chapter.five::before { top : 340px }
.chapter.five::after { top : 538px }

.chapter::after {
content : '';
position : absolute;
width : 175px;
height : 175px;
top : 68px;
left : 34px;
background-image : url(https://i.imgur.com/agBuNa8.png);
background-size : cover;
z-index : -1;
}

/* BACK COVER CODE__________________________________________________ */

/* _________________________________________________________________ */

/* If you change the last "0" in the line below to "0.75", the backcover will
project a red shadow over the background image. Feel free to change the other three
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(0 0 30px rgba(237, 31, 36, 0));
}

.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 : 0em;
color : white;
}

.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 }}

{{emblem
 {opacity:70%}
}}

{{color,background-color:black,opacity:50%}}

# STORM KING'S BLUNDER

___

{{banner HOMEBREW}}

{{footnote
Stand with or against the giant presentation in this template <br> made for the
world's greatest roleplaying game
}}

{filter:saturate(1.15),position:absolute,right:0,top:0,height:100%}

\page

{{insideCover}}

# Storm King's Blunder

___

{{artist
[Tyler Jacobson](http://www.tylerjacobsonart.com/)
}}

{width:50%,left:24%,bottom:215px,z-
index:1}

{{watercolor7,top:200px,left:100px,width:500px,background-
color:#c3e2e9,opacity:90%,transform:ScaleX(-1),z-index:0}}

{width:62%,left:19%,bottom:295px,z-index:-
1}

{{logo }}

\page

{{credits,wide

{{columns:2

# Credits
**Template Designers:**
[u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/)
:::::::::::

##### Artist Credits

**Front Cover:** *Storm King's Thunder* by [Tyler
Jacobson](http://www.tylerjacobsonart.com/), @Wizards of the Coast

**Inside Cover:** *Storm King's Thunder* by [Tyler

Jacobson](http://www.tylerjacobsonart.com/), @Wizards of the Coast

**Page 8:** *Goblin Ambush* by [Steve

Prescott](https://www.artofmtg.com/artist/steve-prescott/), @Wizards of the Coast

**Page 9:** *Iymrith, Doom of the Desert* by unknown artist, @Wizards of the Coast

<!---
BTW, if anyone knows who this artist is, please let me know. It sucks to write
"unknown artist" for any of these pieces.
--->

}}

{{frontcredit

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

That being said, if the image is too short, you may need to replace the "margin-
bottom:-40px" below with "height:__px", and put in whatever value is needed to fill
the box.
--->
 {margin-bottom:-40px}

##### On the Cover

Heir to the Wyrmskull Throne, and indeed all of giant-kind, the storm giant Serissa
stands amidst the clouds, in the shadow of her mighty rather, king Hekaton. Her
contentious elder siblings, Mirran and Nym. occupy the forefront of this
tempestuous illustration by the esteemed [Tyler
Jacobson](http://www.tylerjacobsonart.com/).

}}

{{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

{{toc,wide
# Contents
- ### [{{ Introduction}}{{ 5}}](#p5)
- ### [{{ Chapter 1: A Great Upheaval}}{{ 6}}](#p6)
- ### [{{ Chapter 12: Doom of the Desert}}{{ 7}}](#p7)
- ### [{{ Appendix C: Creatures}}{{ 8}}](#p8)
- #### [{{ Anime Sphinx}}{{ 8}}](#p8)
}}

\page

<!---
For this template, the "chapter" class will simply place a runic circle behind the
large drop cap letter. If you want to place an image as part of the chapter header,
see the formatting on the next page.
--->
{{chapter
# Introduction
}}

You are about to embark on a great adventure that pits heroes against
giants bent on reshaping the world. *Storm King's Blunder* is a <caps>Dungeons &
Dragons</caps> adventure for four to six player characters. You can start the
adventure with 1st-level characters or 5th-level characters. Either way, the
characters should reach at least 11th level by the adventure's conclusion. Because
giants figure prominently in the story, at least one character should be able to
speak and understand the Giant language.

{{watercolor2,top:100px,right:50px,width:350px}}

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

<!---
As seen below, you can write out numbers "one" through "five" in the chapter class
to format an image at the start of the chapter, with 5 different variations of the
formatting. Each one has slightly different vertical spacing.

For this to work, you ALSO have to place the image within the .chapter class.
Otherwise, there will just be a bunch of blank space.
--->
{{chapter,one
# Chapter 1: A Great Upheaval

 {}

}}

This chapter is designed to advance a party of 1st-level characters to 5th level.

The characters gain levels by accomplishing various goals, which are summarized in
the Character Advancement sidebar at the end of the chapter. If the characters are
already 5th level, skip ahead to chapter 2, "Rumblings," using the information in
appendix A if the characters are transitioning from another published adventure to
this one.

\column

{{note
##### Time to Drop Knowledge
Use notes to point out some interesting information.

**Tables and lists** both work within a note.

}}

{{descriptive
##### Time to Drop Knowledge
Use descriptive boxes to highlight text that should be read aloud.

**Tables and lists** both work within a descriptive box.

}}

##### 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 8}}
{{footnote Chapter 1 | A Great Upheaval}}
\page

{{chapter,three
# Chapter 12: Doom of the Desert

 {}

}}

Upon review of this chapter's adventure, the introductory paragraph has a few
spoilers for the story, so I've elected to express and pontificate my stance on the
notion of drop caps. I like them, and don't see any reason not to use them.
Provided they are legible, legitimate, and legally viable, I am all for them,
personally. And you can quote me on that.

{{pageNumber,auto}}
{{footnote Chapter 12 | Doom of the Desert}}
\page

# Appendix C: Creatures

---

This appendix details the new monsters that appear in this adventure. It also
provides optional actions and traits for giants.

{{monster,frame
## Anime Sphinx
*Tiny beast, manic-depressive evil*
___
**Armor Class** :: 19 (chain mail, shield)
**Hit Points** :: 100(1d4 + 5)
**Speed** :: 30ft.
___
| STR | DEX | CON | INT | WIS | CHA |
|:-----:|:-----:|:-----:|:-----:|:-----:|:-----:|
|14 (+2)|2 (-4)|1 (-4)|13 (+2)|3 (-3)|1 (-4)|
___
**Condition Immunities** :: melancholy, drunk
**Senses** :: darkvision 60 ft., passive Perception 16
**Languages** :: Pottymouth
**Challenge** :: 10 (8682 XP)
___
***Onion Stench.*** Any creatures within 5 feet of this thing develops an
irrational craving for onion rings.
:
***Hangriness.*** This creature is angry, and hungry. It will refuse to do anything
with you until its hunger is satisfied.

When in visual contact with this creature, you must purchase an extra order of
fries, even if they say they aren't hungry.
### Actions
***Bulldog Rake.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit*
5 (1d6 + 2)
:
***Team Foot.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5
(1d6 + 2)
:
***Turnbuckle Roll.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target.
*Hit* 5 (1d6 + 2)
:
***Dual Throw.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5
(1d6 + 2)
}}

{{watercolor10,top:500px,right:60px,width:450px,opacity:70%}}

{{pageNumber,auto}}
{{footnote Appendix C | Creatures}}
\page

{{backCover}}

{left:45%,bottom:0px,top:unset,height:100%}

# To Fight Giants, <br> You Must Be Giant

Ages ago, giants and dragons waged war across the Savage Frontier. These battles
are long forgotten by the human civilizations of today, but ancient relics remain.
And now, the land shudders once more with the thunder of giant footsteps.
:
Hill giants raid farms for food and livestock, as stone giants lay waste to
settlements in their path. Frost giants plunder coastal towns, as fire giants
gather slaves. Cloud giant castles drift across the sky, casting ominous shadows on
the cities of the North. But no threat compares to the wrath of the storm giants,
who stand betrayed.
:
Puny adventurers must rise to the challenge, gather their strength, unlock the
power of ancient runes, and take the fight to the giants' doorsteps. Only then can
they discover a hidden evil fomenting a war between giants and small folk. Only
then can they forge an alliance to end the war before it begins.
___

For use with the fifth edition <br> [*Player's Hand

Book*](https://homebrewery.naturalcrit.com/share/1gJtTm4frFs0kb9fD9jGO5I4rLipDzLFpR
q-hmiZmTQZz), *Monster's Manual*, <br> and *Dungeon's Masterguide*.

{{logo

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