```metadata
title: Storm King's Style
description: ''
tags:
- meta:Theme
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%;
}
```
{{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
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
}}
{{frontcredit
 {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
{{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 Dungeons & Dragons 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
{{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,
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
[*Player's Hand Book*](https://homebrewery.naturalcrit.com/share/1gJtTm4frFs0kb9fD9jGO5I4rLipDzLFpRq-hmiZmTQZz), *Monster's Manual*,
and *Dungeon's Masterguide*.
{{logo

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