Discord of Many Things & /r/UnearthedArcana Theme

<style>

/* Background */
.phb{ 
    background-image : url('https://www.gmbinder.com/images/VXHkQzp.jpg');
    background-size  : 100% 100%;
    filter           : brightness(100%);
}

.phb .back-cover-logo{
    background-image : url('https://www.gmbinder.com/images/GrViGdC.png');
    background-size  : 125px;
}

.phb p.head{
    font-size        : 100%;
}

/* End Background */
/* Notes */
.phb section blockquote{
    background-color : #E8F2F8;
    box-shadow       : 0 0 6px black;
}

.phb .descriptive{
    background-color : white;
    box-shadow       : 0 0 6px black;
    border-image     : url('https://www.gmbinder.com/images/16uasjU.png');
    border-image-slice: 10;
    border-image-outset: 2px .8;
}

.phb blockquote{
    border-width: 11px;
    border-image: url('https://www.gmbinder.com/images/4DowZjU.png') 11;
    border-image-outset: 10px 0;
}
/* End Notes*/
/* Tables */
table tr:nth-child(odd) td {
    background-color : #c3d6e2;
}

.phb hr + section blockquote{
    background-color : white;
    background-image : url('');
    border-image     : url('https://www.gmbinder.com/images/FFpbsDm.png');
    border-image-slice : 20;
    border-image-outset: 7px .12;
}

.phb hr + section blockquote tr:nth-child(odd) td {
    background-color : transparent;
}

.phb hr+section blockquote hr{
    background-image : url('https://www.gmbinder.com/images/u2hOd7z.png')
}

.phb .classTable{
    border-image-source : url('https://www.gmbinder.com/images/K2HdDg9.png')
}
/* End Tables*/

/* Footer */
.phb .footnote {
    color            : black;
    font-size        : 12px;
    width            : 500px;
}

.phb:nth-child(odd):after{ 
    content          : '';
    position         : absolute;
    bottom           : -1px;
    left             : 1px;
    z-index          : -1;
    height           : 100%;
    width            : 100%;
    background-image : url('https://www.gmbinder.com/images/HLSzYx9.png');
    background-size  : cover;
}

.phb:nth-child(even):after{ 
    content          : '';
    position         : absolute;
    bottom           : -2px;
    left             : -2px;
    z-index          : -1;
    height           : 100%;
    width            : 100%;
    background-image : url('https://www.gmbinder.com/images/HLSzYx9.png');
    background-size  : cover;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.phb p.foot{
    content          : '';
    color            : #09386d;
    position         : absolute;
    bottom           : 10px;
    font-size        : 15.2px;
    text-align       : right;
    margin-top       : .2em;
    margin-bottom    : 0;
    font-family      : MrJeeves;
    font-weight      : 800;
    text-shadow      : 0px 0px 5px white;
}

.phb:nth-child(even) p.foot{
    left             : 78px;
}

.phb:nth-child(odd) p.foot{
    right            : 78px;
}
/* End Footer */
/* Page Number */
/*.phb#p3{
    counter-reset: phb-page-numbers; 
}*/

.phb .pageNumber{
    position         : absolute;
    bottom           : 29px;
    width            : 48px;
    text-align       : center;
    color            : black;
    text-shadow      : 0px 0px 13px white;
    font-size        : 16px;
    font-weight      : 1000;
}

.phb:nth-child(even) .pageNumber{
    left             : 17px;
    transform        : rotate(13.5deg);
}

.phb:nth-child(odd) .pageNumber{
    right            : 17.3px;
    transform        : rotate(-13.5deg);
}

.phb .pageNumber.auto{
    position         : absolute;
    bottom           : 29px;
    width            : 48px;
    text-align       : center;
    color            : black;
    text-shadow      : 0px 0px 13px white;
    font-size        : 16px;
    font-weight      : 1000;
}

.phb:nth-child(even) .pageNumber.auto{
    left             : 17px;
    transform        : rotate(13.5deg);
}

.phb:nth-child(odd) .pageNumber.auto{
    right            : 17px;
    transform        : rotate(-13.5deg);
}
/* End Page Number */
/* Colors */
.phb h5{
    font-size        : 154%;
}

.phb blockquote h5{
    font-size        : 104%;
}

.phb h4{
    color            : #293f50;
    font-size        : 155%;
}

.phb h3{
    color            : #293f50;
    border-bottom    : 2px solid black;
    font-size        : 186%;
}

.phb hr+section blockquote h3{
    font-size        : 120%;
}

.phb h2{
    color            : #293f50;
    font-size        : 250%;
}

.phb hr+section blockquote h2{
    color            : #09386d;
    font-size        : 140%;
}

.phb h1{
    color            : #293f50;
    font-size        : 400%;
}

.phb p{
    font-size        : 104%;
}

.phb a{
    color            : #09386d;
}

code{
    color            : #09386d;
}

.phb hr + section blockquote table{
    color            : black;
}

.phb hr + section blockquote hr+ul{
    color            : black;
}
/* End Colors */

</style>

<div class='footnote'>Part 1 | The Footer</div>

<p class="foot">Discord of Many Things - <a href="https://discord.gg/JSArr5p">Discord.gg/JSArr5p</a></p>

## As an action...
You can find the ***'View Source'***   button at the top of the page, below the credits, and to the right of 'Print/Generate PDF'. Click it, copy/paste and enjoy!

\columnbreak

<div class='descriptive'>
 
 ##### Version 4.27
 Last Updated: September 24, 2019<br><br>
 Changelog:
 - Background +20 brightness (July 5th, 2018)
 - Font Sizes (July 6th, 2018)
 - Descriptive Boxes: Dull Light Blue -> White (July 8th, 2018)
 - Font Sizes [again] (July 9th, 2018)
 - Monster Block Boxes: Blue -> White Background (July 9th, 2018)
 - IT BROKE JIM. IT DEAD. Resuscitating now... (July 12th, 2018)
 - Fixed. Jim is alive. I hope... (July 13th, 2018)
 - Header Colors (July 13th, 2018)
 - Removed Advertisements (September 24, 2019)
 
 </div>