```metadata
title: Abyss Style
description: ''
tags:
- meta:Theme
systems:
- 5e
renderer: V3
theme: 5ePHB
```
```css
/* FONT IMPORTS ____________________________________________________ */
/* _________________________________________________________________ */
@import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/37efe47f612763ab8464a7f035a032339e9e991e/EberronFonts.css');
/* GENERAL CODE ____________________________________________________ */
/* _________________________________________________________________ */
/* PAGE TEXTURE */
.page {
background-image : url(https://i.imgur.com/zRFFmUt.jpg);
background-size : cover;
}
.page:nth-of-type(odd) {
background-image : url(https://i.imgur.com/94wH6FQ.png);
}
/* HEADERS */
.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
letter-spacing : 1px;
font-weight : normal;
}
.page h1 {
padding-bottom :10px;
}
.page h1+p::first-letter,
.page h1+p::first-line {
all : unset;
}
/*
The code above removes the drop cap (the large first letter after an h1 header). If you want to bring it back, replace the code above with the two lines of code below.
.page:has(.credits) h1+p::first-letter,
.page:has(.credits) h1+p::first-line {
all : unset;
}
.page h1+p::first-letter,
.page h1+p::first-line {
color : black;
font-weight : 100;
}
*/
.page h5 {
font-weight : bold;
text-shadow : #000 0 0 0.1px;
}
/* NOTES */
.page .note {
background-color : #e8e5f0;
}
.page .note {
border-image : url(https://i.imgur.com/KtrHa62.png) 14 stretch;
border-image-outset : 6px 0px;
border-image-width : 11px;
}
/* IMAGES */
.page img:not(.logo img):not(.frontcredit img) {
position : absolute;
z-index : -2;
user-select : none;
}
.page .emblem img {
z-index : 1!important;
}
/* DESCRIPTIVE NOTES */
.page .descriptive {
background-color : #d7d2e5;
}
.page .descriptive {
border-image : @descriptiveBoxImage 12 stretch;
border-image-outset : 4px;
}
/* TABLES */
.page table tr:nth-child(odd) td {
background-color : #d7d2e5;
}
/* MONSTER STATBLOCKS */
.page .monster.frame {
background-color : #f9ecbd;
}
.page .monster table tr:nth-child(odd) td {
background-color : transparent;
}
/* 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 !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 : #818892;
}
.page:nth-of-type(even):not(:has(.insideCover)) .artist {
left : unset;
right : 60px;
transform : rotate(90deg);
transform-origin : bottom right;
}
/* SMALL CAPS */
.page caps {
font-variant : small-caps;
}
.page .backcover caps {
font-size : 120%;
}
/* WATERCOLOR STAIN */
.page [class*="watercolor"] {
background-color : #635f88;
}
/* FOOTER IMAGE */
.page:after {
bottom : 0px;
height : 66px;
background-image : url(https://i.imgur.com/UMuSSU0.png);
}
/* FOOTER TEXT */
.page:not(:has(.frontCover),:has(.credits)) .footnote {
left : 90px;
bottom : 45px;
font-size : 11px;
color : #636088;
text-transform : uppercase;
text-align : left;
width : 400px;
font-weight : 800;
font-family : Marco Polo;
letter-spacing : 1.2px;
z-index : -3;
}
.page:nth-of-type(even):not(:has(.frontCover),:has(.credits)) .footnote {
left : unset;
right : 90px;
text-align : right;
}
/* PAGE NUMBER */
.page .pageNumber {
left : 15px;
bottom : 34px;
font-size : 16px;
color : #76739c;
text-align : center;
font-family : Marco Polo;
font-weight : 100;
}
.page:nth-of-type(even) .pageNumber {
left : unset;
right : 15px;
}
/* HYPERLINKS */
.page a {
color : inherit;
text-decoration : none;
font-weight : inherit;
}
.page a:hover{
text-decoration : underline;
}
/* FRONT COVER _____________________________________________________ */
/* _________________________________________________________________ */
.page:has(.frontCover) .logo {
top : 23px;
}
.page:has(.frontCover) {
padding-top : 94px;
}
.page:has(.frontCover) h1 {
margin-top : 12px;
text-transform : none;
font-size : 98px;
padding-bottom : 0;
+ hr {
margin-top : 0.4cm;
}
}
.page:has(.frontCover) hr {
margin-top : 0.3cm;
width : 10cm;
}
.page:has(.frontCover) h2,
.page:has(.frontCover) h3 {
font-family : 'Modesto Expanded';
font-size : 0.8cm;
letter-spacing : 0.1cm;
-webkit-text-stroke : 6px black;
paint-order : stroke fill;
margin-top : 10px;
}
.page:has(.frontCover) h3 {
color : white;
border-bottom : none;
font-size : 0.64cm;
letter-spacing : 0.6cm;
}
.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 -80px 20px;
width : 816px;
}
/* CREDITS PAGE ____________________________________________________ */
/* _________________________________________________________________ */
.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 : #58180D;
font-weight : bold;
}
.page .frontcredit {
position : relative;
right : 10px;
width : 340px;
height : 240px;
margin-top : 15px;
margin-bottom : 110px;
}
.page .frontcredit img {
position : relative;
display : block;
top : 1px;
right : 0px;
min-width : 100%;
height : 238px;
z-index : -1;
}
.frontcredit h5 {
margin-top : 10px;
margin-bottom : -2px;
text-shadow : #000 0px 0px 0.1px;
}
.page .frontcredit p {
text-indent : 0em;
margin-left : 0em;
}
.credits .footnote {
bottom : 20px;
left : 0;
width : 100%;
font-size : 1em;
text-transform : none;
text-align : left;
color : black;
}
.credits .footnote p {
padding : 4.5em;
text-indent : 0;
}
/* TABLE OF CONTENTS _______________________________________________ */
/* _________________________________________________________________ */
.page:has(.toc) h1 {
text-align : left;
}
.page .toc h3,
.page .toc h4 {
font-family : BookInsanityRemake;
font-size : 12px;
letter-spacing : 0;
}
.page .toc h3 {
font-weight : bold;
border-bottom : unset;
}
.page .toc h4 {
margin-top : 2px;
color : black;
}
.page .toc ul h3 span:first-child::after {
border-bottom : 0.05cm dotted #000;
}
.page .toc ul li + li h3 {
margin-top : 8px;
}
.page .toc.wide {
columns : 3;
column-gap : 16px;
}
/* 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;
}
.page:has(.backCover) caps {
font-size : 125%;
}
```
{{frontCover}}
{{logo }}
{{emblem
 {opacity:70%}
}}
{{color,background-color:#ffffff,opacity:100%}}
# OUT of the CREVICE
___
{{banner HOMEBREW}}
{{footnote
Descend into the stark contrast minimal changes in this
template for the world's greatest roleplaying game
}}
 {right:-60px,bottom:0px,top:unset,height:102%}
\page
{{insideCover}}
# OUT of the CREVICE
___
{{artist
[Tyler Jacobsen](https://www.tylerjacobsonart.com/)
}}
{width:400px,left:200px,bottom:145px,z-index:1}
{{watercolo,top:200px,left:100px,width:600px,background-color:#636088,opacity:80%}}
{{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:** *Out of the Abyss* by [Tyler Jacobsen](https://www.tylerjacobsonart.com/), @Wizards of the Coast
**Inside Cover:** *Derro* by *unknown artist*, @Wizards of the Coast
}}
{{frontcredit
 {}
##### On the Cover
[Tyler Jacobsen](https://www.tylerjacobsonart.com/) illustrates Demogorgon, the Prince of Demons, rampaging through Menzoberranzan after being ripped from the Abyss by the drow archmage Gromph Baenre.
}}
{{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
- ### [{{ Foreword}}{{ 5}}](#p5)
- ### [{{ Ch. 1: Into the Mists}}{{ 6}}](#p6)
- ### [{{ App. D: Monsters and NPCs}}{{ 7}}](#p7)
- #### [{{ Anime Sphinx}}{{ 7}}](#p7)
- [{{ Actions}}{{ 7}}](#p7)
}}
\page
# Chapter 1: Into the Mists
Deep beneath the surface of the world lies the Underdark. a realm of endless labyrinthine tunnels and caverns where the sun never shines. The Underdark is filled with races, and creatures too numerous to
count or list, and foremost among these are the dark elves—the drow. Hated and feared even by their fellow dwellers in darkness, the drow raid other settlements in the Underdark, as well as the surface world, taking prisoners back with them. Rendered unconscious with drow poison, then collared and shackled, these prisoners are eventually sold as slaves or entertainment in the dark elves' subterranean cities.
\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,auto}}
{{footnote Chapter 1 | Into the Mists}}
\page
# Appendix D: Monsters and NPCs
{{none}}
Barovia is a land of vampires, ghosts, and werewolves. In addition, adventurers who explore this unholy realm encounter other things that go bump in the night, including creatures born out of Strahd's evil. The new monsters that appear in this adventure are described below, along with several of the vampire's allies and enemies-souls whose fates are entwined with those of the adventurers. Strahd himself appears here as well.
The monsters and NPCs are presented in alphabetical order.
:
{{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)
}}
{{watercolor2,top:200px,right:60px,width:450px,opacity:70%}}
{{pageNumber,auto}}
{{footnote Appendix D | Monsters and NPCs}}
\page
{{backCover}}
 {left:130px,bottom:0,top:unset,height:102%}
# Madness
Is the Only Escape
The Underdark is a subterranean wonderland. a vast and twisted labyrinth where fear reigns. It is the home of horrific monsters that have never seen the light of day.
:
It is here that the dark elf Gromph Baenre, Archmage of Meneoberranzan, casts a foul spell meant to ignite a magical energy that suffuses the Underdark and he tears open portals to the demonic Abyss in the process. What steps through surprises even him, and from that moment on, the insanity that pervades the Underdark escalates and threatens to shake the Forgotten Realms to its foundations. Stop the madness before it consumes you!
___
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)
}}