```metadata
title: Tome of Elemental Origins
description: >-
A collection of three Sorcerous Origins themed around the elemental damage
types.
tags:
- collection
- tome
- subclass
- sorcerer
- sorcerous origin
- fire
- cold
- acid
- poison
- lightning
- thunder
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);
}
/* _________________________________________________________________ */
/* BLIGHTBLOOD */
/* PAGE TEXTURE */
.page#p3 {
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1161983721738608740/BlackPageBackground.jpg?ex=653a48ab&is=6527d3ab&hm=28ca916ecbd9ffeed05f7140ce28523f96daadb1529fe3a9b284942ef3735d3f&);
color:white;
}
/* PAGE TEXTURE */
.page#p3:after {
height : 185px;
background-image : url(https://i.imgur.com/Y4giJX8.png);
opacity : 100%;
}
.chapter.one::after {
content : '';
position : absolute;
top : 0px;
left : -35px;
height : 380px;
width : 230px;
background-image : url(https://i.imgur.com/TdFzZRS.png);
background-size : 100% 100%;
opacity : 100%;
z-index : -4;
}
.chapter.one::after { top : 401px }
.chapter.one { margin-top : 382px }
}
/* CHAPTER MASK */
.chapter.one img {
top : 0;
left : 0;
height : 50%;
-webkit-mask-image : url(https://i.imgur.com/Re87Msk.png);
-webkit-mask-position : 0px -80px;
-webkit-mask-size : 100% min(100%,550px);
-webkit-mask-repeat : no-repeat;
}
.page#p3:has(.chapter) .colors,
.page#p3:has(.chapter):not(.page:has(.colors,.intro))::before {
content : '';
position : absolute;
top : 239px;
left : 0;
height : 490px;
width : 100%;
-webkit-mask-image : url(https://i.imgur.com/Y0iLMfi.png);
-webkit-mask-position : top;
-webkit-mask-size : 100% 100%;
-webkit-mask-repeat : no-repeat;
z-index : -3;
background : radial-gradient(
closest-side at 60px 340px,
var(--color1),
transparent),
radial-gradient(
closest-side at 300px 290px,
var(--color2) 40%,
var(--background) 100%);
--color1 : #000;
--color2 : #437750;
--background : #203e23;
opacity : 100%;
}
.chapter.one+p::first-letter,
.chapter.one+.quote::first-letter,
.page#p3 h1+p::first-letter,
.page#p3 h1+.quote::first-letter {
color : #d4fb62;
float : left;
font-family : SolberaImitationRemake;
font-size : 140px;
line-height : 1em;
text-transform : uppercase;
padding : 20px 2px 2px 56px;
margin : -32px 1px -20px -34px;
}
/* FOOTER TEXT */
.page#p3:not(:has(.frontCover),:has(.credits)) .footnote {
left : 75px;
bottom : 30px;
font-size : 10.5px;
color : #d4fb62;
text-transform : uppercase;
text-align : left;
width : 400px;
letter-spacing : 0.5px;
z-index : -3;
}
.page#p3:nth-child(even):not(:has(.frontCover),:has(.credits)) .footnote {
left : unset;
right : 75px;
text-align : right;
}
/* PAGE NUMBER */
.page#p3 .pageNumber{
left : 25px;
bottom : 20px;
font-size : 13px;
color : #d4fb62;
text-align : left;
z-index : -3;
}
.page#p3:nth-child(even) .pageNumber{
left : unset;
right : 25px;
text-align : right;
}
/* PAGE 2 BLIGHTBLOOD */
/* PAGE TEXTURE */
.page#p4 {
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1161983721738608740/BlackPageBackground.jpg?ex=653a48ab&is=6527d3ab&hm=28ca916ecbd9ffeed05f7140ce28523f96daadb1529fe3a9b284942ef3735d3f&);
color:white;
}
/* PAGE TEXTURE */
.page#p4:after {
height : 185px;
background-image : url(https://i.imgur.com/Y4giJX8.png);
opacity : 100%;
}
.chapter.one::after {
content : '';
position : absolute;
top : 0px;
left : -35px;
height : 380px;
width : 230px;
background-image : url(https://i.imgur.com/TdFzZRS.png);
background-size : 100% 100%;
opacity : 100%;
z-index : -4;
}
.chapter.one::after { top : 401px }
.chapter.one { margin-top : 382px }
}
/* CHAPTER MASK */
.chapter.one img {
top : 0;
left : 0;
height : 50%;
-webkit-mask-image : url(https://i.imgur.com/Re87Msk.png);
-webkit-mask-position : 0px -80px;
-webkit-mask-size : 100% min(100%,550px);
-webkit-mask-repeat : no-repeat;
}
.page#p4:has(.chapter) .colors,
.page#p4:has(.chapter):not(.page:has(.colors,.intro))::before {
content : '';
position : absolute;
top : 239px;
left : 0;
height : 490px;
width : 100%;
-webkit-mask-image : url(https://i.imgur.com/Y0iLMfi.png);
-webkit-mask-position : top;
-webkit-mask-size : 100% 100%;
-webkit-mask-repeat : no-repeat;
z-index : -3;
background : radial-gradient(
closest-side at 60px 340px,
var(--color1),
transparent),
radial-gradient(
closest-side at 300px 290px,
var(--color2) 40%,
var(--background) 100%);
--color1 : #000;
--color2 : #437750;
--background : #203e23;
opacity : 100%;
}
.chapter.one+p::first-letter,
.chapter.one+.quote::first-letter,
.page#p4 h1+p::first-letter,
.page#p4 h1+.quote::first-letter {
color : #d4fb62;
float : left;
font-family : SolberaImitationRemake;
font-size : 140px;
line-height : 1em;
text-transform : uppercase;
padding : 20px 2px 2px 56px;
margin : -32px 1px -20px -34px;
}
/* FOOTER TEXT */
.page#p4:not(:has(.frontCover),:has(.credits)) .footnote {
left : 75px;
bottom : 30px;
font-size : 10.5px;
color : #d4fb62;
text-transform : uppercase;
text-align : left;
width : 400px;
letter-spacing : 0.5px;
z-index : -3;
}
.page#p4:nth-child(even):not(:has(.frontCover),:has(.credits)) .footnote {
left : unset;
right : 75px;
text-align : right;
}
/* PAGE NUMBER */
.page#p4 .pageNumber{
left : 25px;
bottom : 20px;
font-size : 13px;
color : #d4fb62;
text-align : left;
z-index : -3;
}
.page#p4:nth-child(even) .pageNumber{
left : unset;
right : 25px;
text-align : right;
}
/* _________________________________________________________________ */
/* ELECTRIC HEART */
/* PAGE TEXTURE */
.page#p7 {
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1155229907538940035/PageBackground.jpg?ex=65342bb1&is=6521b6b1&hm=709f1c4dd257a335242e418c5be14a91e2c44eeb4ec86e1544483c8faa09ee46&);
color:white;
}
.page#p7 .chapter.three {
column-span : all;
display : block;
padding-bottom : 28px;
}
.chapter.three h1 {
font-weight : normal;
letter-spacing : 0.5px;
margin-bottom : -10px;
font-size : 34px;
}
.chapter.three+p::first-letter,
.chapter.three+.quote::first-letter,
.page#p7 h1+p::first-letter,
.page#p7 h1+.quote::first-letter {
color : #cbd9ff;
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#p7 h1+.quote::first-letter,
.chapter+.quote::first-letter {
font-size : 88px;
margin-left : -4px;
}
.chapter.three+.quote::first-line,
.chapter.three+p:first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 15px;
text-transform : lowercase;
line-height : 14px;
}
.chapter.three img {
top : 9;
left : 0;
width : 100%;
-webkit-mask-image : url(https://i.imgur.com/qMbeTUE.png);
-webkit-mask-position : top;
-webkit-mask-size : 100% min(100%,350px);
-webkit-mask-repeat : no-repeat;
}
.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 }
/* FOOTER IMAGE */
.page#p7:after {
height : 58px;
width : 510px;
left : 32px;
bottom : -6px;
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163780333234307102/hJGiTZx.png?ex=6540d1e5&is=652e5ce5&hm=4edb5d8368758d4774b8ea8f02ba37056274b0cd61e785fa64ea609f1cdaeb3e&);
transform : ScaleX(-1);
}
.chapter.three::after {
content : '';
position : absolute;
top : 0px;
left : -35px;
height : 380px;
width : 230px;
background-image : url(https://i.imgur.com/TdFzZRS.png);
background-size : 100% 100%;
opacity : 0%;
z-index : -4;
}
.chapter.three::after { top : 401px }
.chapter.three { margin-top : 382px }
}
/* CHAPTER MASK */
.page#p7:has(.chapter) img,
.page#p7:has(.chapter.tall) img {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : -2;
left : -7px;
width : 102%;
-webkit-mask-image : url(https://i.imgur.com/DyKVYOS.png);
-webkit-mask-position : top;
-webkit-mask-size : 716px 411px;
-webkit-mask-repeat : no-repeat;
z-index : -2;
}
.chapter.three img {
-webkit-mask-image : url(https://i.imgur.com/PHbRBY6.png); }
.chapter.three { margin-top : 252px }
.chapter.three::before { top : 320px }
.chapter.three::after { top : 518px }
/* FOOTER TEXT */
.page#p7:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 72px;
bottom : 42px;
font-size : 10.7px;
color : #cbd9ff;
text-transform : uppercase;
text-align : left;
width : 400px;
font-weight : 800;
font-family : Marco Polo;
letter-spacing : 1.2px;
z-index : -3;
}
/* PAGE NUMBER */
.page#p7 .pageNumber{
left : 18px;
bottom : 29px;
font-size : 15px;
color : #cbd9ff;
text-align : left;
font-family : Marco Polo;
font-weight : 100;
z-index : -3;
}
/* PAGE 2 ELECTRIC HEART */
/* PAGE TEXTURE */
.page#p8 {
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1155229907538940035/PageBackground.jpg?ex=65342bb1&is=6521b6b1&hm=709f1c4dd257a335242e418c5be14a91e2c44eeb4ec86e1544483c8faa09ee46&);
color:white;
}
/* PAGE TEXTURE */
.page#p8:after {
height : 58px;
width : 510px;
right : 32px;
bottom : -6px;
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163780333234307102/hJGiTZx.png?ex=6540d1e5&is=652e5ce5&hm=4edb5d8368758d4774b8ea8f02ba37056274b0cd61e785fa64ea609f1cdaeb3e&);
transform : ScaleX(-1);
left : unset;
transform : ScaleX(1);
}
/* FOOTER TEXT */
.page#p8:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 72px;
bottom : 42px;
font-size : 10.7px;
color : #cbd9ff;
text-transform : uppercase;
text-align : left;
width : 400px;
font-weight : 800;
font-family : Marco Polo;
letter-spacing : 1.2px;
z-index : -3;
left : unset;
right : 72px;
text-align : right;
}
/* PAGE NUMBER */
.page#p8 .pageNumber{
left : 18px;
bottom : 29px;
font-size : 15px;
color : #cbd9ff;
text-align : left;
font-family : Marco Polo;
font-weight : 100;
z-index : -3;
}
.page#p8:nth-child(even) .pageNumber{
left : unset;
right : 25px;
text-align : right;
}
/* _________________________________________________________________ */
/* COLDFLAME */
/* PAGE TEXTURE */
.page#p5 {
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163576903412760576/BlackPageBackground3.jpg?ex=6540146f&is=652d9f6f&hm=a22cc147875c71386b0b66b075b348f53505cf2ad94eaa4bf33e80c026f5314f&);
color:white;
}
.page#p5 .chapter.two {
column-span : all;
display : block;
padding-bottom : 28px;
}
.chapter.two h1 {
font-weight : normal;
letter-spacing : 0.5px;
margin-bottom : -10px;
font-size : 34px;
}
.chapter.two+p::first-letter,
.chapter.two+.quote::first-letter,
.page#p5 h1+p::first-letter,
.page#p5 h1+.quote::first-letter {
color : #EEB0FF ;
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#p5 h1+.quote::first-letter,
.chapter+.quote::first-letter {
font-size : 88px;
margin-left : -4px;
}
.chapter.two+.quote::first-line,
.chapter.two+p:first-line {
font-variant : small-caps;
font-family : BookInsanityRemake;
font-size : 15px;
text-transform : lowercase;
line-height : 14px;
}
.chapter.two img {
top : 9;
left : 0;
width : 100%;
-webkit-mask-image : url(https://i.imgur.com/qMbeTUE.png);
-webkit-mask-position : top;
-webkit-mask-size : 100% min(100%,750px);
-webkit-mask-repeat : no-repeat;
}
.chapter.two img {
-webkit-mask-image : url(https://i.imgur.com/PHbRBY6.png); }
.chapter.two { margin-top : 442px }
.chapter.two ::before { top : 320px }
.chapter.two ::after { top : 518px }
/* FOOTER IMAGE */
.page#p5:after {
height : 45px;
width : 163px;
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163779957609218058/ilm9b2N.png?ex=6540d18b&is=652e5c8b&hm=0ecff847debc36051401be09e37dafbaa4bdf2a1974ed2b6ac9523b0495f754e&);
transform : ScaleX(-1);
}
.chapter.two::after {
content : '';
position : absolute;
top : 0px;
left : -35px;
height : 380px;
width : 230px;
background-image : url(https://i.imgur.com/TdFzZRS.png);
background-size : 100% 100%;
opacity : 0%;
z-index : -4;
}
.chapter.two::after { top : 401px }
.chapter.two { margin-top : 382px }
}
/* CHAPTER MASK */
.page#p5:has(.chapter) img,
.page#p5:has(.chapter.tall) img {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : -2;
left : -7px;
width : 102%;
-webkit-mask-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163577802696691872/NRtvYI1.png?ex=65401546&is=652da046&hm=ebb9d811ca4747b753ed7aca77e7d8993f34d85b7c8a7a2573ad5eb89bfd1659&);
-webkit-mask-position : top;
-webkit-mask-size : 616px 411px;
-webkit-mask-repeat : no-repeat;
z-index : -2;
}
.chapter.two img {
-webkit-mask-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163577802696691872/NRtvYI1.png?ex=65401546&is=652da046&hm=ebb9d811ca4747b753ed7aca77e7d8993f34d85b7c8a7a2573ad5eb89bfd1659&); }
.chapter.two { margin-top : 252px }
.chapter.two::before { top : 320px }
.chapter.two::after { top : 518px }
/* FOOTER TEXT */
.page#p5:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 70px;
bottom : 48px;
width : fit-content;
font-family : Marco Polo;
font-size : 11px;
font-weight : bold;
text-align : left;
text-transform : uppercase;
letter-spacing : 1.2px;
color : #586e84;
}
/* PAGE NUMBER */
.page#p5 .pageNumber{
left : 26px;
bottom : 33px;
font-family : Marco Polo;
font-size : 15px;
color : #586e84;
text-align : left;
}
.page:nth-child(even) .pageNumber{
left : unset;
right : 26px;
text-align : right;
}
/* PAGE 2 COLDFLAME */
/* PAGE TEXTURE */
.page#p6 {
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163576903412760576/BlackPageBackground3.jpg?ex=6540146f&is=652d9f6f&hm=a22cc147875c71386b0b66b075b348f53505cf2ad94eaa4bf33e80c026f5314f&);
color:white;
}
/* PAGE TEXTURE */
.page#p6:after {
height : 45px;
width : 163px;
right : 0px;
bottom : 0px;
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163779957609218058/ilm9b2N.png?ex=6540d18b&is=652e5c8b&hm=0ecff847debc36051401be09e37dafbaa4bdf2a1974ed2b6ac9523b0495f754e&);
transform : ScaleX(-1);
left : unset;
transform : ScaleX(1);
}
/* FOOTER TEXT */
.page#p6:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 70px;
bottom : 48px;
width : fit-content;
font-family : Marco Polo;
font-size : 11px;
font-weight : bold;
text-align : left;
text-transform : uppercase;
letter-spacing : 1.2px;
color : #586e84;
left : unset;
right : 70px;
text-align : right;
}
/* PAGE NUMBER */
.page#p6 .pageNumber{
left : 26px;
bottom : 33px;
font-family : Marco Polo;
font-size : 15px;
color : #586e84;
text-align : left;
}
.page:nth-child(even) .pageNumber{
left : unset;
right : 26px;
text-align : right;
}
.page#p6:nth-child(even) .pageNumber{
left : unset;
right : 25px;
text-align : right;
}
/* _________________________________________________________________ */
/* INTRODUCTION */
.page#p2 {
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1155229907538940035/PageBackground.jpg?ex=65342bb1&is=6521b6b1&hm=709f1c4dd257a335242e418c5be14a91e2c44eeb4ec86e1544483c8faa09ee46&);
}
/* FOOTER IMAGE */
/* PAGE TEXTURE */
.page#p2:after {
height : 45px;
width : 163px;
right : 0px;
bottom : 0px;
background-image : url(https://cdn.discordapp.com/attachments/1058496784999133275/1163820584048791583/ilm9b2N2.png?ex=6540f761&is=652e8261&hm=a0ec5f8831cced568b57c738a0e71681f60f0ff2277e5b19bb539f2d1bcbe022&);
transform : ScaleX(-1);
left : unset;
transform : ScaleX(1);
}
.page#p2 {
color:white;
}
/* FOOTER TEXT */
.page#p2:not(:has(.frontCover)):not(:has(.credits)) .footnote {
left : 70px;
bottom : 48px;
width : fit-content;
font-family : Marco Polo;
font-size : 11px;
font-weight : bold;
text-align : left;
text-transform : uppercase;
letter-spacing : 1.2px;
color : #cd6f73;
left : unset;
right : 70px;
text-align : right;
}
/* PAGE NUMBER */
.page#p2 .pageNumber{
left : 26px;
bottom : 33px;
font-family : Marco Polo;
font-size : 15px;
color : #cd6f73;
text-align : left;
}
.page:nth-child(even) .pageNumber{
left : unset;
right : 26px;
text-align : right;
}
.page#p2:nth-child(even) .pageNumber{
left : unset;
right : 25px;
text-align : right;
}
/* TABLES */
.page#p2 table:not(.monster table) tr:nth-child(odd) td {
background-color : #982e2e;
}
/* TABLES */
.page#p3 table:not(.monster table) tr:nth-child(odd) td {
background-color : #50794d;
}
/* TABLES */
.page#p4 table:not(.monster table) tr:nth-child(odd) td {
background-color : #50794d;
}
/* TABLES */
.page#p5 table:not(.monster table) tr:nth-child(odd) td {
background-color : #725283;
}
/* TABLES */
.page#p6 table:not(.monster table) tr:nth-child(odd) td {
background-color : #725283;
}
/* TABLES */
.page#p7 table:not(.monster table) tr:nth-child(odd) td {
background-color : #4b567b;
}
/* TABLES */
.page#p8 table:not(.monster table) tr:nth-child(odd) td {
background-color : #4b567b;
}
/* 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;
}
/* 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%;
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 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;
}
.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;
}
.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 : 15px;
}
.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) .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;
}
.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::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;
}
.chapter img {
top : 0;
left : 0;
height : 50%;
-webkit-mask-image : url(https://i.imgur.com/Re87Msk.png);
-webkit-mask-position : 0px -80px;
-webkit-mask-size : 100% min(100%,550px);
-webkit-mask-repeat : no-repeat;
}
.chapter.two { margin-top : 482px }
.chapter.two::before { top : 360px }
.chapter.two::after { top : 558px }
.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 }
/* 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}}
{{color,background-color:black,opacity:50%}}
# {{font-size:75.9px,margin-bottom:-20px TOME OF ELEMENTAL ORIGINS}}
___
{{footnote
Harness the power of the elements with three new Sorcerer subclasses
for Dungeons & Dragons 5ᵗʰ Edition
}}
 {position:absolute,right:-295px,top:0,height:100%}
 {position:absolute,top:850px,left:5px,width:50px,z-index:1}
 {position:absolute,top:820px,left:0px,width:470px,z-index:-1}
\page
:::::::::::::::::::::::::::::::::
# {{color:#cd6f73 Introduction}}
:::
{{font-family:SolberaImitationRemake,font-size:140px,float:left,padding-top:50px,padding-left:2px,padding-right:2px,padding-bottom:56px,color:#cd6f73 T}}{{font-family:BookInsanityRemake,font-variant:small-caps,font-size:12px he *Tome of Elemental Origins* contains}} three subclasses for the Sorcerer class in Dungeons & Dragons 5ᵗʰ Edition. These subclasses are themed around the elemental damage types available to players: acid, cold, fire, lightning, poison, and thunder- the subclasses in this tome being focused around two different damage types at a time. A high level overview of the subclasses within this tome and the damage types around which they have been created can be found below:
#### {{color:white Blightblood }}
The Blightblood subclass focuses on poison- and acid damage while providing an array of defensive- and debuffing options to reduce the damage dealt by enemies, while increasing the damage dealt to them.
##### Blightblood Features
| Level | Subclass Feature(s) |
|:-----------:|:------------------|
| 1st | Blightblood Magic, Acrid Blood |
| 6th | Vile Miasma, Mithraditism |
| 14th | Corrosive Reagents |
| 18th | Exaltation in Blight |
{{imageMaskEdge2,--offset:36%,--rotation:180
{height:100%}
}}
{{imageMaskEdge1,--offset:28%,--rotation:0
{left:-400px,height:100%}
}}
\column
::
#### {{color:white Frostbrand }}
Themed around the fire- and cold damage types, the Frostbrand subclass offers ways to make even more effective use of the hallmark area-of-effect spells presented by these damage types.
##### Frostbrand Features
| Level | Subclass Feature(s) |
|:-----------:|:------------------|
| 1st | Frostbrand Magic, Cauterize |
| 6th | Thermodynamics, Nonconductor |
| 14th | Conflagrate & Glaciate |
| 18th | Thermal Maelstrom |
#### {{color:white Electric Heart }}
The Electric Heart subclass lets you bring the thunder and lightning to your enemies' doorstep, providing ways to deal damage to nearby enemies and quickly disengaging from direct harm when it finds you.
##### Electric Heart Features
| Level | Subclass Feature(s) |
|:-----------:|:------------------|
| 1st | Electric Heart Magic, Sparkjump |
| 6th | Transistor, Dynamo |
| 14th | Amplifier |
| 18th | Electric Form|
 {position:absolute,top:120px,right:0px,height:50%,,z-index:-5}
 {position:absolute,top:180px,left:0px,width:50%,z-index:-5}
{{pageNumber,auto,z-index:1}}
{{footnote,z-index:1 Introduction}}
\page
{{chapter,one
# {{color:#d4fb62 Blightblood }}
 {}
}}
Rot- the undoing of all life, the destruction of warmth and hope- in the eyes of many.
Sorcerers who carry the Blightblood know this to be false; through rot and decay, life is broken down into its basest components, from which new life may sprout. Within them flows magic strongly rooted in the elements of poison and acid- elements adept at deconstructing matter, both organic and inorganic, accelerating the process of decay to give way to new life. It is up to you how your sorcerer obtained the Blightblood. If you are in need of inspiration, confer with the Blightblood Origins table below.
##### Blightblood Origins
| D6 | Origin|
|:----:|:-----|
| 1 | You escaped Yuan-ti intending to sacrifice you, at the cost of being bitten during your escape. The poison did not kill you, but instead made you stronger. |
| 2 | One of your parents made a pact with a Green Dragon. Faint traces of the pact's magic still reside within you. |
| 3 | You grew up near a druidic Circle of Spores, the environment around altering your body as you grew up.|
| 4 | You were once an alchemist, but after ingesting what you had thought to be a potion of youth forever changed your being.
| 5 | You were infected by a fungus which now acts as a symbiote, granting you your magic.
| 6 | One of your ancestors is a couatl, its legacy the magic flowing through your veins. |
\column
{{artist,top:550px,right:30px
##### {{color:#d4fb62 Poison Ambassador }}
[{{color:#d4fb62 Nise Loftsteinn }}](https://www.patreon.com/nise_loftsteinn)
}}
 {position:absolute,top:50px,right:-200px,height:100%}
{{pageNumber,auto}}
{{footnote SORCEROUS ORIGIN | BLIGHTBLOOD}}
\page
#### {{color:#d4fb62 Blightblood Magic }}
*1st-level Blightblood feature*
You learn additional spells when you reach certain levels in this class, as shown on the Blightblood Spells table. Each of these spells counts as a sorcerer spell for you, but it doesn’t count against the number of sorcerer spells you know.
Whenever you gain a sorcerer level, you can replace one spell you gained from this feature with another spell of the same level. The new spell must be a necromancy or transmutation spell from the sorcerer, warlock, or wizard spell list.
##### Blightblood Spells
| Sorcerer Level |Spells |
|:-----------:|:------------------|
| 1st | *Ray of Sickness*, *Detect Poison and Disease* |
| 3rd | *Acid Arrow*, *Protection from Poison* |
| 5th | *Stinking Cloud*, *Gaseous Form* |
| 7th | *Blight*, *Vitriolic Sphere* |
| 9th | *Cloudkill*, *Contagion* |
____
:
Additionally, you may confer with the Manifestations of Magic table to gain inspiration for how your sorcerer manifests their magic.
##### Manifestations of Magic
| D6 | Manifestation|
|:----:|:-----|
| 1 | Your veins darken to a sickly, dark green hue. |
| 2 | Your fingertips and eyes glow a toxic green. |
| 3 | Drops of blood trickle from facial orifices. |
| 4 | Any plantlife covering the ground on which you stand quickly decays. |
| 5 | Clusters of boils rapidly appear and fade from the skin on your extremities.
| 6 | The skin of your extremities darken as the toxins in your blood coalesce to form the spell you cast.|
#### {{color:#d4fb62 Acrid Blood }}
*1st-level Blightblood feature*
Blighting blood flows through your arteries, corroding and decaying anything that comes into contact with it. When you are hit by a weapon attack, you may use your reaction to reduce the damage dealt to you by 1d4. The damage reduction increases to 1d8 when you reach 6th level in this class, 2d6 at 14th level, and 2d10 at 18th level.
Alternatively, when you are hit by a melee weapon attack, you may opt to deal acid or poison damage (your choice) equal to your Sorcerer level to the attacker, rather than reducing the attack's damage.
#### {{color:#d4fb62 Vile Miasma }}
*6th-level Blightblood feature*
The poisons you conjure forth are so potent that even the most robust of constitutions cannot remain unaffected by them. When you deal poison damage, you may ignore your target’s resistance to this damage type if they posess it, and you may treat immunity to poison damage as if it was resistance.
#### {{color:#d4fb62 Mithridatism }}
*6th-level Blightblood feature*
You gain immunity to the Poisoned condition. Furthermore, when you cast a spell that requires concentration, you gain resistance to acid- and poison damage while maintaining concentration on the spell.
#### {{color:#d4fb62 Corrosive Reagents }}
*14th-level Blightblood feature*
When you hit an enemy with or an enemy fails a saving throw against a spell of 1st level or higher that deals acid damage, you leave a coating of acid on the targeted enemy, affecting them in one of the following ways:
* An airborne enemy immediately falls to the ground, the thick coating of acid causing it to become too heavy to remain airborne.
* The enemy's movement speed is halved.
* Attack rolls are made with advantage against the enemy.
* Attacks made by the enemy suffer a penalty to the damage dealt equal to your Constitution modifier.
* The enemy takes an amount of damage at the start of its turns equal to your Constitution modifier.
* Constitution saving throws made by the enemy are made with disadvantage.
You may choose one effect per cast spell. The effect remains until you use this feature again, or until an affected enemy uses its action to wipe off the acid.
The number of creatures you can affect with this feature per turn is equal to your proficiency bonus, as is the amount of times you can use this feature per long rest.
#### {{color:#d4fb62 Exaltation in Blight }}
*18th-level Blightblood feature*
As an action, you become an avatar of decay, lasting for one minute or until you are knocked unconscious. While this feature is active, you are granted the following benefits:
* The damage reduction from Acrid Blood is maximized.
* Enemies that start their turn within 15 ft. from you must make a Constitution saving throw or take 2d10 poison damage, or half as much on a succesful saving throw.
* You gain immunity to acid- and poison damage.
* You may choose two effects to impose on enemies with Corrosive Reagents, rather than one.
_____
Once you have used this feature, you cannot use it again until you have finished a long rest, unless you use 6 sorcery points to use it again.
{{pageNumber,auto}}
{{footnote SORCEROUS ORIGIN | BLIGHTBLOOD}}
\page
:::::::::::::::::
{{chapter,two
# {{color:#EEB0FF Frostbrand }}
 {transform:scaleX(-1),opacity:90%}
}}
Fire and ice, the heat and cold- the innate dichotomy between these two apparent polar opposites is a hallmark element in many pieces of folklore, art and music. To many, they are night and day, black and white, but not to sorcerers that carry the Frostbrand. They know the warmth and cold to be two sides of the same coin, that the only difference between them is a matter of temperature. These sorcerers posess an innate magical gift to manipulate temperature, inheriting it perhaps from an ancestor or otherwise having obtained it through the events which occured during their lifetime. How your sorcerer obtained their powers is up to you to decide. Consult the Frostbrand Origins table for a possible origin of your power.
 {position:absolute,top:550px,left:-226px,width:500px,opacity:70%}
\column
##### Frostbrand Origins
| D6 | Origin|
|:----:|:-----|
| 1 | You were a wizard who bit off more than they could chew in casting a dangerous, volatile evocation spell, the magic overpowering and fusing with you. |
| 2 | You spent time on the border of the Shadowfell, where the Plane of Ash and Plane of Ice meet, absorbing some of the elemental magic present there. |
| 3 | You are a descendant of a long-lost lineage of Frost- and Fire Giants.|
| 4 | You fought a horde of Magma- and Ice Mephits and lived to tell the tale. The fleeting magic of their corpses trickled into your open wounds. |
| 5 | You are a descendant of an Ice Devil.|
| 6 | You were trapped between Phlegethos and Stygia, the fourth and fifth circle of the Hells. Over time, their infernal magic trickled into your pores, granting you your magic. |
{{imageMaskEdge7,--offset:-4%,--rotation:180
{right:0px,top:-30px,width:100%}
}}
{{artist,top:580px,right:40px
##### {{color:#EEB0FF Rootha Squallheart }}
[{{color:#EEB0FF Anna Podedworna / @Akreon }}](https://www.artstation.com/akreon)
}}
{{pageNumber,color:#EEB0FF,auto}}
{{footnote,color:#EEB0FF SORCEROUS ORIGIN | FROSTBRAND}}
\page
#### {{color:#EEB0FF Frostbrand Magic }}
*1st-level Frostbrand feature*
You learn additional spells when you reach certain levels in this class, as shown on the Frostbrand Spells table. Each of these spells counts as a sorcerer spell for you, but it doesn’t count against the number of sorcerer spells you know.
Whenever you gain a sorcerer level, you can replace one spell you gained from this feature with another spell of the same level. The new spell must be an evocation or a transmutation spell from the sorcerer, warlock, or wizard spell list.
##### Frostbrand Spells
| Sorcerer Level |Spells |
|:-----------:|:------------------|
| 1st | *Burning Hands*, *Armor of Agathys* |
| 3rd | *Scorching Ray*, *Heat Metal* |
| 5th | *Fireball*, *Elemental Weapon* |
| 7th | *Fire Shield*, *Ice Storm* |
| 9th | *Immolation*, *Cone of Cold* |
____
:
Additionally, you may confer with the Manifestations of Magic table to gain inspiration for how your sorcerer manifests their magic.
##### Manifestations of Magic
| D6 | Manifestation|
|:----:|:-----|
| 1 | A faint aura emanates from your silhouette, shifting from light blue to bright orange. |
| 2 | Your skin is alternatingly cold and hot to the touch. |
| 3 | One half of your body begins forming a layer of frost on your skin, the other half begins emanating steam. |
| 4 | Parts of your body become a chilly blue, the remainder a boiling red. |
| 5 | The ground on which you stand repeatedly freezes and boils.
| 6 | Your pulse alternates between slowing down to a crawl and subsequently speeding up rapidly. |
#### {{color:#EEB0FF Cauterize }}
*1st-level Frostbrand feature*
You gain the ability to manipulate the heat and cold of your magic in an extremely precise manner- where you would normally harm creatures with frost & flame, you can now opt to heal them instead.
When you hit a creature with a spell of 1st level or higher that deals cold- or fire damage, you can instead heal them for an amount of hit points equal to your Sorcerer level.
:
The number of creatures you can affect with this feature per turn is equal to your proficiency bonus, as is the amount of times you can use this feature per long rest.
\column
#### {{color:#EEB0FF Thermodynamics }}
*6th-level Frostbrand feature*
The heat and cold come naturally to you, allowing you to shift the magic you cast to your advantage in a pinch. You gain access to the Transmuted Spell metamagic option, or a different one if you already have it.
When you use Transmuted Spell to change the damage type of a spell that deals cold- or fire damage to its respective opposite type, you do not need to expend a Sorcery Point to do so.
#### {{color:#EEB0FF Nonconductor }}
*6th-level Frostbrand feature*
The thermal magic flowing through your veins renders you immune to the scorching sun and the deepest of winters. You are unaffected by the effects of the extreme heat & cold.
Additionally, you can spend 1 sorcery point to gain resistance to fire- and cold damage for 10 minutes.
#### {{color:#EEB0FF Conflagrate & Glaciate }}
*14th-level Frostbrand feature*
Your thermal magic becomes more potent. When you deal cold- or fire damage or heal a creature with Cauterize, you can add your Charisma modifier to the damage and/or healing dealt.
#### {{color:#EEB0FF Thermal Maelstrom }}
*18th-level Frostbrand feature*
You learn to unleash the full extent of the duality residing within you onto the battlefield.
As an action, you create a vortex of thermal magic within 60 ft. of you. All creatures within 30 ft. of the center of the vortex must make a Strength saving throw or be pulled 15 ft. towards the vortex's center and take 2d8 fire and 2d8 cold damage. Friendly creatures within the radius may benefit from Cauterize.
On a succesful save, they take half as much damage and aren't pulled towards the center.
:
For the next minute, you can use your bonus action to reapply the effects of the vortex to creatures caught within its radius.
:
The vortex lasts for 1 minute or until you are knocked unconscious. Once you use this feature, you can't use it again until you finish a long rest, unless you spend 7 sorcery points to use it again.
{{pageNumber,color:#EEB0FF,auto}}
{{footnote,color:#EEB0FF SORCEROUS ORIGIN | FROSTBRAND}}
\page
{{chapter,three
# {{color:#cbd9ff Electric Heart }}
 {transform:scaleX(-1),opacity:90%}
}}
Electricity courses through your veins, granting you the power to control and manifest lightning; a gift bestowed upon you perhaps through an inherited affinity with the Elemental Plane of Air, a pact made with a Storm Giant, or your presence in a cataclysmic thunderstorm. In the end, it is up to you how you acquired your powers. If you need inspiration, confer with the Electric Origins table for examples of how you acquired your magic.
{{artist,top:50px,right:-20px
##### {{color:#cbd9ff Electric Heart Sorcerer}}
[{{color:#cbd9ff Maarten Pelders }}](https://maartenpelders.com/)
}}
 {position:absolute,top:310px,left:26px,width:200px,opacity:20%}
 {position:absolute,top:50px,right:-130px,height:100%}
##### Electric Origins
| D6 | Origin|
|:----:|:-----|
| 1 | Ages ago, a distant ancestor made a pact with a Storm Giant. The magic granted by this pact laid dormant in your bloodline, until a cataclysmic storm awakened the lightning deep within you. |
| 2 | Lost and abandoned for years on the Elemental Plane of Air, you were touched by its raw magic, now carrying a small part of the Plane with you wherever you go. |
| 3 | Mere moments after your heart had stopped beating, a lightning bolt struck your chest, restarting your heart and turning your veins an electric blue for a second. You now hold the power of lightning itself, dependent on it to keep you alive. |
| 4 | A lightning bolt struck the nursery you resided in as a child, which consequentially burned down. You were the only child found residing within the rubble, your tiny palms crackling with electricity. |
| 5 | In their adventuring days, one of your parents was struck by the breath attack of a Blue Dragon, which they narrowly survived. Years later, you were born with a faint, blue-glowing skin. |
| 6 | As a child, you had climbed into the great oak tree on the outskirts of your village after your friends had dared you to. You were too afraid to climb back down as dark clouds rolled over the village and lightning struck the great tree, with you residing in its branches.|
{{pageNumber,auto}}
{{footnote SORCEROUS ORIGIN | ELECTRIC HEART}}
\page
#### {{color:#cbd9ff Electric Heart Magic }}
*1st-level Electric Heart feature*
You learn additional spells when you reach certain levels in this class, as shown on the Electric Heart Spells table. Each of these spells counts as a sorcerer spell for you, but it doesn’t count against the number of sorcerer spells you know.
Whenever you gain a sorcerer level, you can replace one spell you gained from this feature with another spell of the same level. The new spell must be an evocation or a transmutation spell from the sorcerer, warlock, or wizard spell list.
##### Electric Heart Spells
| Sorcerer Level |Spells |
|:-----------:|:------------------|
| 1st | *Witch Bolt*, *Thunderwave* |
| 3rd | *Shatter*, *Hold Person* |
| 5th | *Lightning Bolt*, *Thunderstep* |
| 7th | *Storm Sphere*, *Elemental Bane* |
| 9th | *Destructive Wave*, *Hold Monster* |
____
:
Additionally, you may confer with the Manifestations of Magic table to gain inspiration for how your sorcerer manifests their magic.
##### Manifestations of Magic
| D6 | Manifestation|
|:----:|:-----|
| 1 | Your eyes glow an electric blue and sparks shoot out from the corners of your eyes. |
| 2 | Your veins glow with electricity pulsing towards your fingertips. |
| 3 | Your skin becomes a translucent navy blue, your skeletal structure visible. |
| 4 | Lightning crackles from your fingertips, zapping back and forth between your hands. |
| 5 | Your extremities glow a bright electric blue, the blood in your veins pulsing with white light matching the beat of your heart.
| 6 | Your heart emanates a bright, white light, every beat sending jolts of light through your body. |
#### {{color:#cbd9ff Sparkjump}}
*1st-level Electric Heart feature*
You gain the ability to transport yourself to safety by harnessing the energy of an incoming attack. When you are hit by an attack, you can use your reaction to teleport to a space you can see within 30 ft.
Enemies within 5 ft. of your location prior to teleporting take lightning damage equal to your Sorcerer level.
You can use this feature a number of times equal to your proficiency bonus. You regain all expended uses after finishing a long rest.
\column
#### {{color:#cbd9ff Transistor}}
*6th-level Electric Heart feature*
You learn to effortlessly transform elemental magic into its electric equivalent. You gain access to the Transmuted Spell metamagic option, or a different one if you already have it.
When you use Transmuted Spell to change the damage type of a spell to lightning or thunder, you can use Transmuted Spell even if you have already used a different Metamagic option during the casting of the spell.
#### {{color:#cbd9ff Dynamo}}
*6th-level Electric Heart feature*
When you use Transistor to transmute a spell's damage type to lightning or thunder damage, you gain a Fleeting Sorcery Point. You may use this Fleeting Sorcery Point to fuel your metamagic options as a normal one would, but if the Fleeting Sorcery Point remains unused by the end of your next turn, it disappears.
You can use this feature a number of times equal to your proficiency bonus. You regain all expended uses upon finishing a long rest.
#### {{color:#cbd9ff Amplifier}}
*14th-level Electric Heart feature*
Once per turn, when you deal damage to a creature with a spell of 1st level or higher that deals lightning or thunder damage, you may choose to target an additional number of creatures equal to your proficiency bonus within 10 ft. of the original target. These creatures take half the damage dealt to the initial target (rounded up), unless they succeed a Constitution saving throw against your spell save DC. Creatures hit by the initial spell cannot be targeted by this feature.
#### {{color:#cbd9ff Electric Form}}
*18th-level Electric Heart feature*
As an action, your form becomes one of pure electricity, lasting for one minute or until you are knocked unconscious. While this feature is active, you are granted the following benefits:
* You gain a flying speed equal to your movement speed, and you can hover.
* You gain immunity to lightning and thunder damage, as well as nonmagical slashing, piercing and bludgeoning damage.
* While this feature is active, you may use the *Spare the Dying* cantrip, and can cast it as a bonus action.
___
Once you have used this feature, you cannot use it again until you have finished a long rest, unless you use 6 sorcery points to use it again.
{{pageNumber,auto}}
{{footnote SORCEROUS ORIGIN | ELECTRIC HEART}}
\page
{{backCover}}
 {left:45%,bottom:0px,top:unset,height:100%}
# Credits
#### {{color:red,font-family:ScalySansSmallCapsRemake Template(s) Designer}}
Templates by [u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/):
Pages 2: Rime of the Frostmaiden Template
Pages 3-4: Tomb of Annihilation Template
Pages 5-6: Rime of the Frostmaiden Template
Pages 7-8: Storm King's Thunder Template
#### {{color:red,font-family:ScalySansSmallCapsRemake Editing Tool}}
[The Homebrewery](https://homebrewery.naturalcrit.com/)
#### {{color:red,font-family:ScalySansSmallCapsRemake Front & Back Page}}
[Johannes Voss](https://www.artstation.com/algenpfleger)
#### {{color:red,font-family:ScalySansSmallCapsRemake Page 2, Introduction}}
Backdrop: [Marta Nael](https://www.artstation.com/martanael)
#### {{color:red,font-family:ScalySansSmallCapsRemake Page 3, Blightblood}}
Character: [Nise Loftsteinn](https://www.artstation.com/nise_loftsteinn)
Backdrop: [Jordi Versteege](https://jordiversteege.artstation.com)
#### {{color:red,font-family:ScalySansSmallCapsRemake Page 5, Frostbrand}}
Character: [Anna Podedworna](https://www.artstation.com/akreon)
Backdrop: [Igor Kieryluk](https://www.artstation.com/igorkieryluk)
#### {{color:red,font-family:ScalySansSmallCapsRemake Page 7, Electric Heart}}
Character: [Maarten Pelders](https://maartenpelders.com/)
Backdrop: [Dominik Mayer](https://www.artstation.com/dominikmayerart)
# Legal
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.
:
Created by The Goosequill. You can find this, and more
new 5e content, at
**[https://www.reddit.com/user/TheGooseQuill](https://www.reddit.com/user/TheGooseQuill)**
 {position:absolute,top:890px,right:550px,width:150px,height:150px,z-index:5}