```metadata
title: 5e24 MM Style
description: ''
tags:
  - meta:Theme
systems: []
renderer: V3
theme: 5ePHB

```

```css
/* FONT IMPORTS __________________________________________________ */
/* _______________________________________________________________ */

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

/* _______________________________________________________________ */


:root {
  --Note_Background   : #d2cbd2;
  --Descriptive       : #dae8ed;
  --Light_Gray        : #8e8883;
  --Gray              : #67665f;
  --New_Gold          : #d3b885;
  --New_Dark_Red      : #76332d;

	--Table_Color_White : #f4f9f0;
	--Table_Color_Green : #dae7da;
  
  --FootnoteColor     : #6f7049;
  
  --MonsterBackground     : #f1efe9;
  --Monster_Table_Yellow  : #e8e3d5;
  --Monster_Table_Red     : #d9d0ca;
  --Monster_Table_Green   : #d2d6cc;
  --Monster_Table_Purple  : #cbc6c8;
}

.page {
  /* PAGE TEXTURE */
  background-image    : url(https://i.imgur.com/1pwWDJA.jpg); /* ML1 */
  background-size     : 100% 100%;
  &:nth-child(4n+2) {
    background-image  : url(https://i.imgur.com/12Na68N.jpg); /* ML2 */
  }
  
  &:nth-child(odd) {
    background-image  : url(https://i.imgur.com/KKVh1bI.jpg); /* MR1 */
  }
  &:nth-child(4n+1) {
    background-image  : url(https://i.imgur.com/RCJDAe3.jpg); /* MR2 */
  }
  
  padding-bottom      : 1.0cm;
  
  
  /* PARAGRAPHS / PLAIN TEXT */
  p {
    line-height       : 1.2em;
  }
  
  
  /* FOOTER IMAGE */
  &::after {
    height           	: 8.1mm;
    background-image	: url(https://i.imgur.com/J70dJv4.png);
    bottom            : 4.3mm;
    z-index           : -2;
    opacity           : 1;
  }
  

  /* HEADERS */
  h1, h2, h3, h4 {
    color             : var(--New_Dark_Red);
  }
  
  h1 {
    + p::first-letter {
      font-size               : 61px;
      font-family             : 'Wolpe Pegasus';
			float                   : left;
			padding-bottom          : 2px;
			padding-left            : 40px;
      padding-right           : 6px;
			margin-top              : -1.8mm;
			margin-bottom           : -20px;
			margin-left             : -40px;
			line-height             : 1em;
      
			color                   : rgba(0, 0, 0, 0);
      background-image        : linear-gradient(#b89956, #d8cdb6);
			-webkit-background-clip : text;
			background-clip         : text;
    }
    
    /* Makes the first line after an h1 header small-caps */
    + p::first-line {
      font-size       : 116%;
      font-variant    : small-caps;
      letter-spacing  : 0.05mm;
    }
  }
  
  .chapter, .toc, &:has(.frontCover,.insideCover,.frontCredit,.fullPage,.partCover,.backCover) {
    h1::before {
      all   : unset;
    }
  }
  
  h2, h1 {
    letter-spacing  : 1px;
    + p {
      margin-top    : 4px;
    }
  }
  h3 {
    border-bottom   : 2px solid var(--New_Gold); 
  }
  h5 {
    margin-bottom       : -2px;
    -webkit-text-stroke : 0.1px black;
    + table {
      margin-top        : 1px;
    }
  }
  
  /* NOTES */
  .note {
    background-color    : var(--Note_Background);
    padding-top         : 6px;
    border-image				: url(https://i.imgur.com/KtrHa62.png) 14 stretch;
    border-image-outset	: 6px 0px;
    border-image-width  : 11px;
  }
  
  /* DESCRIPTIVE NOTES */
  .descriptive {
		border-width        : 14px;
		border-image        : url('https://i.imgur.com/xIYKaUC.png') 24 fill stretch;
		border-image-outset : 1px 14px 1px 0px;
    margin              : -3px -7px;
    box-shadow          : unset;
    background-color    : unset;
  }
  
  /* TABLES */
  table:not(.monster table) {
    tbody tr {
      background-color    : var(--Table_Color_White);
      &:nth-child(odd) { 
        background-color  : var(--Table_Color_Green); 
      }
      td {
        padding   : 0.65mm 1mm;
      }
    }
    thead th {
      padding     : 0.65mm 1mm;
    }
    
     + h5 {
      margin-top  : 23px;
    }
  }
  
  /* SPELL LIST TABLES */
  &:has(.spellList) table {
    th:first-child,
    td:first-child {
      width       : 180px;
    }
  }
  
  
  /* FOOTNOTES & PAGE NUMBERS */
  .footnote, .pageNumber {
    color           : var(--FootnoteColor);
    font-family     : 'OPTIPegasus'; 
    font-size       : 15px;
    letter-spacing  : 0.1mm;
    bottom          : 29px;
  }
  .footnote {
    font-family     : 'Wolpe Pegasus';
    width           : fit-content;
    text-transform  : uppercase;
    /*font-variant    : small-caps;*/
    right           : 74px;
    font-size       : 11px;
    letter-spacing  : 1px;
  }
  .pageNumber {
    right           : 2px;
  }
  
  /* GRAY HORIZONTAL SEPARATOR */
  &:not(:has(.frontCover,.insideCover,.backCover)) hr {
    visibility        : visible;
    height            : 2.5mm;
    margin            : 4mm 0 2mm;
    background-image  : url(https://i.imgur.com/RhYXAkP.png);
    background-size   : 100% 100%;
    border            : none;
    opacity           : 0.15;
  }
    
  /* ARTIST CREDITS */
  .artist {
    position          : absolute !important;
    bottom						: 100px;
    width             : 400px;
    left							: 32px;
    transform					: rotate(-90deg);
    transform-origin	: bottom left;
    text-align        : left;
    font-family			  : ScalySansSmallCapsRemake;
    font-size				  : 13px;
    text-transform    : lowercase;
    color							: #999;
  }
  
  /* SMALL CAPS */
  caps {
    font-variant    : small-caps;
    font-size       : 116%;
    letter-spacing  : 0.05mm;
  }
  small {
    position			  : relative;
    text-transform  : lowercase;
    bottom				  : 10px;
    font-size			  : 98%;
  }
  
  /* HYPERLINKS */
  a {
    color						: inherit;
    text-decoration	: none;
    color           : var(--New_Dark_Red);
    font-weight     : bold;
  }
  a:hover{
    text-decoration	: underline;
  }
  
  /* SPACERS - usually for after subclass captions */
  .spacer {
    display         : block;
    margin-bottom   : -6px;
  }

  
  /* FRONT COVER */
  &:has(.frontCover) {
    padding-top : 80px;
    
    img {
      position  : absolute;
    } 

    .logo {
      all                 : unset;
      display             : inline-block;
      width               : 62px;
      height              : 62px;
      margin              : -12px -5px -13px -5px;
      background-image    : url('https://i.imgur.com/Ib1s1TN.png');
      background-size     : contain;
      background-position : center;
      background-repeat   : no-repeat;
    }

    h3 {
      position        : absolute;
      top             : 43px;
      left            : 0;
      right           : 0;
      font-family     : 'Elan';
      font-size       : 17px;
      letter-spacing  : 1px;
      border          : none;
      color           : red;
    }

    h2 {
      font-family         : 'Elan';
      font-size           : 52px;
      font-weight         : 900;
      -webkit-text-stroke : unset;
      filter              : drop-shadow(0 0 4px black)
                            drop-shadow(0 0 3px rgba(0,0,0,0.7));
      letter-spacing      : 0;
    }

    h1 {
      position            : absolute;
      left                : 0;
      right               : 0;
      top                 : 811px;
      -webkit-text-stroke : 2.5mm black;
      text-shadow         : 0 6px  8px rgba(0,0,0,0.7), 
                            0 6px 12px rgba(0,0,0,0.7);
    }

    &::before {
      content     : '';
      position    : absolute;
      top         : 0;
      left        : 0;
      width       : 100%;
      height      : 100%;
      background  : linear-gradient(to bottom,  rgba(0, 0, 0, 0.9) 0%, 
                                                rgba(0, 0, 0, 0.5) 6%, 
                                                rgba(0, 0, 0, 0) 12%);
      z-index     : 0;
    }
  }
  
  /* INSIDE COVER */
  &:has(.insideCover) {
    h1 {
      font-size   : 2.3cm;
      width       : 110%;
      margin-left : -5%;
    }
    hr {
      margin      : 5mm auto;
    }
    .footnote {
      text-align      : center;
      left            : 0;
      right           : 0;
      padding         : 0 50px;
      text-transform  : none;
    }
  }

  /* CREDITS PAGE */
  .frontCredit {
    position      : relative;
    margin-bottom : 14px;
    padding       : 6px;
    filter        : drop-shadow(0 6px 4px rgba(0,0,0,0.25));

    img {
      width     : 100%;
      clip-path : polygon(
                  0                 20px, 
                  15px              15px, 
                  20px              0, 
                  calc(100% - 20px) 0, 
                  calc(100% - 15px) 15px, 
                  100%              20px, 
                  100%              calc(100% - 20px), 
                  calc(100% - 15px) calc(100% - 15px), 
                  calc(100% - 20px) 100%, 
                  20px              100%, 
                  15px              calc(100% - 15px), 
                  0                 calc(100% - 20px));
    }
     &::after {
      content   : '';
      position  : absolute;
      top       : 0;
      right     : 0;
      bottom    : 0;
      left      : 0;

      border-image-slice  : 270;
      border-image-width  : 90px;
      border-image-outset : 5px 5px 0;
      border-image-source : url('https://i.imgur.com/Yx3OuGx.png');
    }
  }
  
  
  /* CREDITS PAGE */
  &:has(.credits) {
    font-family : ScalySansRemake;
    
    h1::before {
      all       : unset;
    }
  }

  
  /* TABLE OF CONTENTS */
  &:has(.toc)::after { 
    display : inherit; 
  }

  .toc {
    h1 {
      text-align  : left;
      column-span : none;
    }
    a {
      font-weight : 100;
    }
  }
	
  .toc h3,
  .toc h4 {
    font-family			: BookInsanityRemake;
    font-size				: 12px;
    letter-spacing	: 0;
  }

  .toc h3 {
    border-bottom		      : unset;
    
    span:first-of-type {
      -webkit-text-stroke : 1px var(--New_Dark_Red);
    }
  }

  .toc h4 {
    margin-top			: 2px;
    color						: black;
  }

  .toc ul h3 span:first-child::after {
    border-bottom   : 0.05cm dotted #000;
  }

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

  .toc.wide {
    columns			    : 4;
    column-gap      : 16px;
  }
  
  
  /* FULL PAGE ART, w/ SUBTITLE */
  &:nth-child(even):has(.fullPage)::before {
    background-image : url('https://i.imgur.com/XtNdNfH.png');
  }
  
  &:has(.fullPage) {
    columns         : 1;
    padding-bottom  : 106px;
    display         : flex;
    flex-direction  : column;
    justify-content : flex-end; 
    
    .artist {
      left          : 28px;
      bottom        : 500px;
    }

    h1 {
      font-family   : 'OPTIPegasus';
      font-variant  : small-caps;
      font-size     : 96px;
      text-align    : center;
      letter-spacing: 1px;
      margin-bottom : 0;
      color         : white;      

      -webkit-text-stroke : 6px #656565;
      paint-order         : stroke fill;
      filter              : drop-shadow(0 0 4px rgba(0,0,0,0.4));
    }

    h2 {
      text-align      : center;
      text-shadow     : 1px 2px 3px  rgba(0,0,0,0.7);
      color           : white;
      font-family     : 'TT Jenevers';
      font-size       : 22px;
      font-weight     : 100;
      font-style      : italic;
      letter-spacing  : 0.4px;
    }
    
    .caption {
      position        : absolute;
      left            : 68px;
      top             : 100px;
      padding         : 3px 5px;
      font-family     : 'WalterTurncoat';
      font-size       : 10px;
      letter-spacing  : 1px;
      width           : fit-content;
      text-shadow     : #000 0 0 8px, 
                        #000 0 0 14px, 
                        #000 0 0 20px;
      color           : white;
      
      p {
        text-indent   : 0;
      }

      &.right {
        left        : unset;
        right       : 68px;
      }
      
      &.bottom {
        top         : unset;
        bottom      : 64px;
        left        : 0;
        right       : 0;
        margin      : auto;
        width       : 500px;
        text-align  : center;
        
        &::before {
          content   : '';
          position  : absolute;
          top       : -22px;
          left      : -56px;
          right     : 0;
          width     : 610px;
          height    : 18px;
          background-image  : url('https://i.imgur.com/JoBsCVl.png');
          background-size   : 100% 100%;
          opacity   : 0.8;
        }
      }
    }
    
    .fullPage {
      img {
        position    : absolute;
        left        : 50px;
        top         : 30px;
        min-height  : 974px;
        min-width   : 716px;
        z-index     : -4;
        

      }
    }
    &::before {
      content   : '';
      position  : absolute;
      bottom    : 0;
      left      : 0;
      width     : 100%;
      height    : 100%;
      background-image : url('https://i.imgur.com/cupzKhK.png');
      background-size : 100% 100%;
      z-index   : -3;
    }
  }
  
  /* HALF PAGE ART */
  &:has(.borderImage) {
    .imageWrapper {    
    --maskWidth   : 332px;
    --maskHeight  : 940px;
    --maskLeft    : 41px;
    --maskTop     : 29px;
    --offsetX     : calc(var(--maskLeft) / 2);
    --offsetY     : calc(var( --maskTop) / 2);
    
    &::before {
      content             : '';
      position            : absolute;
      top                 : var(--maskTop);
      left                : var(--maskLeft);
      width               : max(calc(var(--maskWidth) + 7.6mm), 48mm);
      height              : max(calc(var(--maskHeight) + 7.6mm), 48mm);
      border-image-slice  : 270;
      border-image-width  : 24mm;
      border-image-source : url('https://i.imgur.com/10FwDJM.png');
      z-index             : 1;
    }

    &.leftSide {
      --maskHeight  : 1048px;
      --maskLeft    : 44px;
    }

    &.rightSide {
      --maskHeight  : 1048px;
      --maskLeft    : 417px;
    }

    .borderImage {
      position      : absolute;
      top           : calc(var(--offsetY) + 3.8mm);
      left          : calc(var(--offsetX) + 3.8mm);
      clip-path     : polygon(
        var(--offsetX)                                   calc(var(--offsetY) + 20px), 
        calc(var(--offsetX) + 15px)                      calc(var(--offsetY) + 15px), 
        calc(var(--offsetX) + 20px)                      var(--offsetY), 
        calc(var(--offsetX) + var(--maskWidth) - 20px)   var(--offsetY), 
        calc(var(--offsetX) + var(--maskWidth) - 15px)   calc(var(--offsetY) + 15px), 
        calc(var(--offsetX) + var(--maskWidth))          calc(var(--offsetY) + 20px), 
        calc(var(--offsetX) + var(--maskWidth))          calc(var(--offsetY) + var(--maskHeight) - 20px), 
        calc(var(--offsetX) + var(--maskWidth) - 15px)   calc(var(--offsetY) + var(--maskHeight) - 15px), 
        calc(var(--offsetX) + var(--maskWidth) - 20px)   calc(var(--offsetY) + var(--maskHeight)), 
        calc(var(--offsetX) + 20px)                      calc(var(--offsetY) + var(--maskHeight)), 
        calc(var(--offsetX) + 15px)                      calc(var(--offsetY) + var(--maskHeight) - 15px), 
        var(--offsetX)                                   calc(var(--offsetY) + var(--maskHeight) - 20px)
      );

      img {
        position  : absolute;
        width     : var(--maskWidth);
        height    : max(var(--maskHeight), auto);
        transform : translateY(var(--offsetY))
                    translateX(var(--offsetX));
      }
    }
    
    .caption {
      position    : absolute;
      left        : calc(var(--offsetX) + 50px);
      top         : calc(var(--offsetY) + var(--maskHeight) * 4/5);
      font-family : 'WalterTurncoat';
      font-size   : 12px;
      width       : fit-content;
      max-width   : 314px;
      filter      : drop-shadow(0 0 10px black) 
                    drop-shadow(0 0 15px black) 
                    drop-shadow(0 0 10px rgba(0,0,0,0.5));
      color       : white;

      p {
        text-indent : 0;
      }

      &.rightCaption {
        left    : unset;
        right   : calc(794px - var(--maskWidth) - var(--offsetX));
      }
    }
  }
}

  
  /* CHAPTER HEADERS */
  .chapter {
    --color         : #bc9e5c;
    column-span	    : all;
    display			    : block;
    text-align      : center;
    margin-bottom   : 14px;
    filter          : drop-shadow(0 0 5px white) drop-shadow(0 0 3px white);
    
    h1 {
      font-family             : 'Wolpe Pegasus';
      font-variant            : small-caps;
      color                   : rgba(0,0,0,0);
			background-image        : linear-gradient(#3d0800, #bb8477 90%);
      background-size         : 100% 1em;
			-webkit-background-clip : text;
      letter-spacing          : 2px;
      font-size               : 54px;
      font-weight             : normal;
      
      /* If you don't like the gray outline in the chapter title, delete the following two lines of code */
      -webkit-text-stroke     : 0.25mm #AAA;
      text-stroke             : 0.25mm #AAA;
      
      + h2 {
        margin-top  : -2mm;
      }
    }
    
    hr {
      position          : relative;
      height            : 29px;
      left              : -33mm;
      width             : 915px;
      margin            : -2mm 0 1.5mm;
      background-image  : url('https://i.imgur.com/hPJYkoW.png');
      opacity           : 0.9;
    }

    
    h2 {
      margin-top          : -20px;
      font-family         : 'Wolpe Pegasus';
      font-size           : 28px;
      font-variant        : small-caps;
      font-weight         : 100;
      letter-spacing      : 2px;
      display             : inline-flex;
      align-items         : center;
      color               : hsl(from var(--color) 
                   /* hue */  h 
            /* saturation */  s
             /* lightness */  clamp(40, l, 60));
      &::before, &::after {
        content           : '';
        position          : relative;
        display           : inline-block;
        width             : 114px;
        height            : 24px;
        bottom            : 5px;
        background-size   : 100% 100%;
        opacity           : 0.8;
      }
      &::before {
        background-image  : url('https://i.imgur.com/yit7mNv.png');
        margin-right      : 14px;
      }
      &::after {
        background-image  : url('https://i.imgur.com/pk6QTUT.png');
        margin-left       : 14px;
      }
    }
    
    + p::first-letter {
      font-size               : 61px;
      font-family             : 'Wolpe Pegasus';
			float                   : left;
			padding-bottom          : 2px;
			padding-left            : 40px;
      padding-right           : 6px;
			margin-top              : -1.8mm;
			margin-bottom           : -20px;
			margin-left             : -40px;
			line-height             : 1em;
      
			color                   : rgba(0, 0, 0, 0);
      background-image        : linear-gradient(#854b1a, #d6ba66 85%);
			-webkit-background-clip : text;
			background-clip         : text;
    }
    
    /* Makes the first line after an h1 header small-caps */
    + p::first-line {
      font-size       : 116%;
      font-variant    : small-caps;
      letter-spacing  : 0.05mm;
    }  
    
    /* Removes all the drop cap formatting if you add "noCap" to the class */
    &.noCap + p::first-letter, &.noCap + p::first-line, &.noCap::after {
        all : unset;
    }
  }
  
  
  /* MONSTER STATBLOCKS */
  /* ________________________________________________________ */
  /*                                                          */
  /******** Below is an iteration of u/Gambatte's code ------ */
  /* ________________________________________________________ */
  
  .monster {
  font-size             : 3.58mm;
  
    &.frame {
      padding           : 8px 7px;
      background-image  : none;
      background-color  : var(--MonsterBackground);
      border-image      : none;
      border            : 3px double var(--Light_Gray);
      border-radius     : 10px;
      box-shadow        : 3px 3px 5px -2px rgba(136, 136, 136, 0.6);
      margin            : 0 -6px;
      width             : calc(100% + 12px);
    }
    &.wide {
      h2 + p {
        column-span   : all;
        margin-bottom : 0.5mm;
      }
    }

    h2 {
      column-span         : all;    
      margin-bottom       : 3px;
      font-family         : 'ScalySansSmallCapsRemake';
      font-size           : 5.4mm;
      letter-spacing      : -0.15mm;
      border-bottom       : 0.35mm solid var(--New_Dark_Red);
      line-height         : 0.9em;
      color               : var(--New_Dark_Red);
      -webkit-text-stroke : 0.1px var(--New_Dark_Red);

      + p {
        color         : var(--Gray);
        font-size     : inherit;
        line-height   : 0.8em;
        margin-bottom : 2.3mm;
      }
    }

    h3 {
      line-height   : 0.9em;
      border-bottom : 0.35mm solid var(--New_Dark_Red);

      &:first-of-type {
        margin-top  : 11px;
      }
      ~ dl {
        color       : inherit;
        line-height : 1.2em;
      }
    }
    
    p {
      + h3 {
        margin-top  : 2.8mm; }
      + p {
        text-indent : 0;
        padding-top : 1.8mm; }
    }

    dl {
      color       : var(--HB_Color_HeaderText);
      line-height : 1.12em;
      
      + dl {
        position  : absolute;
        top       : 44px;
        left      : 148px;
      }
    }
    
    .legend {
      margin-top      : 1mm;
      padding-bottom  : 1.8mm;
      font-style      : italic;
      line-height     : 1.1em;
      color           : var(--Gray);
    }
    
    
    /* MONSTER TABLE */
    table {
      margin      : 2px 0;
      font-size   : 3.4mm;
      
      tbody tr:nth-child(odd) {
        background-color  : unset;
      }
    }

    th {
      color         : var(--Gray) !important;
      font-weight   : normal;
      font-size     : 8px;
      line-height   : 0.8em;
    }

    tr td {
      padding       : 0.3mm 0.5mm;
      border        : solid white; 
      border-width  : 1px 0;
      text-align    : center;
      color         : var(--HB_Color_HeaderText);
      
      &:nth-of-type(4n+1) {
        font-weight   : bold;
        font-variant  : small-caps;
      }
      &:nth-of-type(4n+2) {
        width       : 8%;
      }
      &:nth-of-type(4n+4) {
        width       : 10%;
      }
      
      &:nth-of-type(4), &:nth-of-type(8) {
        clip-path     : polygon(-1px 0, 90% 0, 90% 100%, -1px 100%);
        padding-right : 1.5mm;
        width         : 100px;
      }
      &:nth-of-type(5), &:nth-of-type(9) {
        clip-path     : polygon(10% 0, 102% 0, 102% 100%, 10% 100%);
        padding-left  : 1.5mm;
      }
    }
        
    tr:nth-of-type(odd) {
      td:nth-of-type(4n+1), td:nth-of-type(4n+2) {
        background-color  : var(--Monster_Table_Yellow); 
      }
      td:nth-of-type(4n), td:nth-of-type(4n-1) {
        background-color  : var(--Monster_Table_Red); }
      }
    tr:nth-of-type(even) {
      td:nth-of-type(4n+1), td:nth-of-type(4n+2) {
        background-color  : var(--Monster_Table_Green); 
      }
      td:nth-of-type(4n), td:nth-of-type(4n-1) {
        background-color  : var(--Monster_Table_Purple); 
      }
    }
  }
 
 /* BACK COVER */
  &:has(.backCover) {
    padding-bottom  : 50px;
    display         : flex;
    flex-direction  : column;
    justify-content : flex-end;
    
    .backCover {
      width               : 100%;
      background-image    : url('https://i.imgur.com/2meGzjO.png');
      background-size     : contain;
      background-position : 0 max(var(--height), 70px);
      padding             : 20px;
      width               : 100%;
      color               : white;
    }

    h1 {
      left                : 0;
      right               : 0;
      width               : 700px;
      margin              : 70px auto;
      font-weight         : 100;
      font-size           : 1.65cm;
      -webkit-text-stroke : 1.5mm black;
      paint-order         : stroke;
      color               : white;
    }

    img {
      height    : calc(var(--height) + 110px);
      min-width : 100%;
      width     : auto;
      position  : absolute;
      left      : 0;
      top       : 0;
    }

    p {
      font-family   : 'Copper Penny DTP';
      font-size     : 2.7mm;
      line-height   : 4.4mm;
      width         : 464px;

      + p {
        text-indent : 0;
        padding-top : 16px;
      }
    }

    caps {
      -webkit-text-stroke : 0.1mm white;
    }
    
    .banner {
      --color       : #555557;
      padding       : 3mm 0.16cm;
      padding-left  : 13mm;
      margin-top    : 8mm;
      margin-left   : -13mm;
      background    : linear-gradient(to right, var(--color) 0%, var(--color) 90%, rgba(0, 0, 0, 0) 100%);
      width         : 490px;
      p {
        width       : 390px;
      }
    }
    
    .logo {
      bottom    : max(calc((1156px - var(--height))/2), 2.5cm);
      left      : unset;
      right     : 0mm;
      
      img {
			  height    : 2.3cm;
        min-width : unset;
        width     : 2.3cm;
      }

      hr {
        margin-top    : 6px;
        + * {
          margin-top  : 20px;
        }
      }
      
      a {
        color         : #68686a;
      }

      p {
        font-family   : 'Copper Penny DTP';
        font-variant  : small-caps;
        line-height   : 1em;
        
        color         : #d69d00;
        
        /* The following lines of code restore the "golden" texture for text; delete this line of code (line 1045) as well as line 1050
        color                   : rgba(0,0,0);
			  background-image        : linear-gradient(-45deg, #c9a02c, #f9bf24, #815003, #dfa311);
        -webkit-background-clip : text;
        background-clip         : text;
        */
      }
      
      p:nth-letter(2) { 
        color : red; 
      }
    }
  }
  

  /* "Habitat" Subheading */
  .habitat {
    width             : 100%;
    margin            : 0.8mm  0  2mm !important;
    padding           : 1mm;
    font-family       : 'overpass';
    border-top        : 2px solid #c5bc9f;
    background-image  : linear-gradient(to right, rgba(238, 228, 211, 0.5), #eee4d3 40%);

    strong  { 
      -webkit-text-stroke : 0.1px black;
    }
  }


  /* Comment / Quote Box */
  .comment {
    position          : relative;
    width             : calc(100% + 3.4mm);
    margin            : 4.5mm -1.7mm;
    padding           : 3mm 7.5mm 2mm 6.5mm;
    
    font-family       : 'WalterTurncoat';
    font-size         : 2.3mm;
    letter-spacing    : 0.25mm;  
    
    background-color  : #fff;
    border-style      : solid;
    border-color      : #a67e73;
    border-width      : 3.5px;
    border-radius     : 26px;
    box-shadow        : 0 0 24px rgba(143, 87, 77, 0.3) inset;

    p {
      line-height     : 3.7mm;
      color           : #8f574d;

    }

    &::after {
      content     : '';
      position    : absolute;
      top         : -9px;
      left        : -8px;
      width       : calc(100% + 16px);
      height      : calc(100% + 18px);
      background  : #8b6c62;

      --point1    : 34px;
      --point2    : 35px;
      --point3    : 0px;
      --point4    : 2px;
      clip-path   : polygon(
        var(--point1)               var(--point3),
        var(--point2)               var(--point4),
        calc(100% - var(--point2))  var(--point4),
        calc(100% - var(--point4))  var(--point2),
        calc(100% - var(--point4))  calc(100% - var(--point2)),
        calc(100% - var(--point2))  calc(100% - var(--point4)),
        var(--point2)               calc(100% - var(--point4)),
        var(--point4)               calc(100% - var(--point2)),
        var(--point4)               var(--point2),
        var(--point2)               var(--point4),
        var(--point1)               var(--point3),
        var(--point3)               var(--point1),
        var(--point3)               calc(100% - var(--point1)),
        var(--point1)               100%,
        calc(100% - var(--point1))  100%,
        100%                        calc(100% - var(--point1)),
        100%                        var(--point1),
        calc(100% - var(--point1))  var(--point3)
      );
    }
  }
  
  
  /* EVEN-NUMBERED PAGE DIFFERENCES */
  &:nth-of-type(even) {
    background-position : right;
  
    .footnote {
      left  : 74px;
    }

    .pageNumber {
      left  : 2px;
    }

    .artist {
      left						  : 784px;
    }
    &:has(.fullPage) {
      .artist {
        left            : 803px;
      }
    }
  }
  
  
}





```

<!---
Here are links to the trinity of 2024 edition book templates:

------------------------PHB------------------------
https://homebrewery.naturalcrit.com/share/45ucTzCmdbE3

------------------------DMG------------------------
https://homebrewery.naturalcrit.com/share/2468EmsFzBJR

------------------------MM-------------------------
https://homebrewery.naturalcrit.com/share/0ald8nfxDSTm


As well as a link to all my other Homebrewery templates:
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
--->

<!---
The class below MUST be included somewhere on your front page for everything on the page to be formatted properly, but it doesn't matter where.
--->
{{frontCover}}

### THE WORLD'S GREATEST RPG DOCUMENT FORMATTER

<!---
The logo here is the homebrewery logo. It's used here in place of the D&D "&" logo.
--->
## HOME {{logo}} BREWERY

# Monster's Manual

<!---
The "styling" code below is inside the curly brackets {}. Feel free to adjust those to see what changes. 
--->
![Front Cover Image](https://i.imgur.com/UnWWA5W.jpg) {top:-64px,right:-58px,height:119%}


\page

<!---
Similar to the front cover, this class MUST be included somewhere to format the page.
--->
{{insideCover}}

# Monster's Manual
___
{width:10cm}
<!---
The styling code above changes the width of the red underline, this is actually a formatting technique that I straight up DIDN'T know before making this template. C'est la vie.
--->

![background image](https://i.imgur.com/JAJ7AcK.png){position:absolute,top:270px,left:180px,width:475px}


<!---
The two following "page stains" are generated using the Homebrewery's Images menu at the top of this editing window (Click IMAGES, then WATERCOLOR SPLATTER). There are 12 different images, denoted by "watercolor1", "watercolor7", etc..
--->

{{watercolor2,top:100px,left:-200px,width:420px,transform:rotate(40deg),background-color:#648060,opacity:70%}}

{{watercolor5,top:260px,left:-260px,width:500px,transform:rotate(30deg),background-color:#708989,opacity:70%}}


<!---
The following code is for giving credit (and providing a link!) to the artist on the inside cover. PLEASE give credit to whatever art you use!! 
--->
{{artist,left:38px
[Daarken](https://www.daarken.com/)
}}

<!---
Speaking of credit, this is the icon for the Homebrewery itself, which is a super cool program that we all get to use for free! Credit where credit is due.
--->
{{logo ![](/assets/naturalCritLogoRed.svg)}}

\page

<!---
The typical style for credits pages includes paragraphs with hanging indents. To use those, make sure to include a double colon : somewhere in the paragraph, and you're all set!
--->
# Credits

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

Thanks to [u/Gambatte](https://www.reddit.com/user/Gambatte/) for the use of their monster stat block code.

##### Artist Credits
**Front Cover:**  :: *Monster Manual 2025* by [Tyler Jacobson](http://www.tylerjacobsonart.com/)
**Inside Cover:** :: *Unknown*, by [Daarken](https://www.daarken.com/), @Wizards of the Coast
**Back Cover:**   :: *Unknown*, by [Tyler Jacobson](http://www.tylerjacobsonart.com/)


\column


**Page 5**      :: *unknown* by [Joshua Raphael](https://www.artstation.com/jsraphael), @Wizards of the Coast
**Page 7**      :: *College of Dance* by [Katerina Ladon](https://www.artstation.com/katerina_ladon), @Wizards of the Coast


<!---
The .wide class can be used for a lot of different things. This one here basically separates the top half of the page and the bottom half, that way the two "frontCredits" with images can be placed precisely next to one another, regardless of the content on the top of the page.
--->
{{wide}}

<!---
The front cover credits use the new image 2024 frame, which is detailed later in thie document!
--->
{{imageWrapper,--maskWidth:310px,--maskHeight:216px,--maskLeft:64px,--maskTop:247px
{{borderImage ![front cover](https://i.imgur.com/UnWWA5W.jpg) {top:-64px,left:0px} }} 
}}

##### On the Cover
{margin-top:244px}
On this cover by [Tyler Jacobson](https://www.tylerjacobsonart.com/), adventurers Vajra Safahr and Minsc test their mettle against a beholder and its horde of horrors. Will they prove themselves heroes or lunch?

\column


{{imageWrapper,--maskWidth:306px,--maskHeight:216px,--maskLeft:417px,--maskTop:247px
{{borderImage ![alt cover](https://i.imgur.com/rVQvjtv.jpg) {top:-136px,left:-38px,width:380px} }} 
}}

{{credits}}


##### On the Alt-Cover
{margin-top:244px}
Got something on your mind? A mind flayer offers one of its brain-consuming brood as an alternative in this aberrant illustration by [Lena Richards](https://www.lenarichards.com/).

<!---
The following text is what must be included on free content using the 5e 2014 rules. Technically we're not sure what the requirements will be for content relating to 5e 2024, but I included it here to be safe. 

Wizards of the Coast (who own D&D) is typically very accommodating to D&D creators who release original content for free (although there is one very specific, very public time where they were NOT chill; fingers crossed that doesn't happen again).
--->
{{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

<!---
The Table of Contents can be automagically generated using the TEXT EDITOR menu, then TABLE OF CONTENTS buttons at the top of this editor window. The table below was generated that way, with only some minor adjustments.
--->
{{toc,wide
# Contents

- ### [{{ Credits}}{{ 3}}](#p3)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
- ### [{{ Credits}}{{ 3}}](#p3)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
- ### [{{ Credits}}{{ 3}}](#p3)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
- ### [{{ Credits}}{{ 3}}](#p3)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
- ### [{{ Credits}}{{ 3}}](#p3)
  - #### [{{ introduction}}{{ 6}}](#p6)
- ### [{{ How to Use a Monster}}{{ 6}}](#p6)
  - #### [{{ Player or DM?}}{{ 6}}](#p6)
    - [{{ Being a Player}}{{ 6}}](#p6)
    - [{{ Being the Dungeon Master}}{{ 6}}](#p6)
  - #### [{{ Gargoyle}}{{ 7}}](#p7)
    - [{{ Gargoyle Ambushes}}{{ 7}}](#p7)
}}


\page

<!---
The .fullPage class works a little differently now; there is a static ":before" image that frames whatever iumage you place "behind" it, allowing you to independently control how large and where the image is, without affecting the border itself.

NOTE: the halfPage image class does NOT work like this, and you cannot move the image mask and the image around independently in the halfPage class.
--->
{{fullPage

![image](https://i.imgur.com/yqQ8sf2.jpg) {height:98%,top:unset,bottom:0,left:-18.2cm,z-index:-10}

}}

<!---
The caption here can be placed on the left or right, provided you specify which side using the .left or .right tags. The default vertical placement is 50 pixels down from the top of the frame, but can be changed by adding ",top:350px" (or any other value).
--->
{{caption,bottom
So... Red dragons don't require adventurers to slay them, right? <br> Maybe  we could just leave this one alone?
}}

<!---
The following images are 
--->
![Left Wing](https://i.imgur.com/S4VmFSe.png) {width:2.94cm,left:0,top:2.33cm,position:absolute,z-index:10}

![Right Wing](https://i.imgur.com/y9ZHqV5.png) {width:2.1cm,right:0,top:14.3mm,position:absolute,z-index:10}

![Fire](https://i.imgur.com/g6LOwv0.png) {width:7.76cm,left:0mm,bottom:0,position:absolute,z-index:10}

<!---
The artist's credit is still visible on these pages! Seriously, always give credit to the artist. I will be genuinely upset if you use my code, post a brew, and neglect to give an artist credit.
--->
{{artist
[Joshua Raphael](https://www.artstation.com/jsraphael)
}}

\page

<!---
The .chapter class here is cool, and flexible for whether the h1 or h2 header is included, what order they're in, etc.

The fun thing here is that the h2 header (the small one) can be changed by changing the --color value. Visit www.hexcolortool.com to pick a color with a usable hexadecimal code. Below are the (approximate) color values in the actual PHB.
--->
{{chapter,--color:#d3b885

## introduction
# How to Use a Monster
___
}}

Dungeons & Dragons is a game in which ou and your friends take on rolls and tell a shared story. While the *Player's Hand Book* teaches you how to play the game and how to create characters who are the heroes of the story, the *Dungeon's Masterguide* is written for the player who presides over the game and makes sure everyone is having fun. This player is the Dungeon Master, or DM. Being a Dungeon Master is a fun, empowering, and rewarding experience, and this chapter walks you through the basics.

{{note
##### Rules Glossary
If you read a rules term in this book and want to know its definition, consult the rules glossary, which is appendix C. This chapter provides an overview of how to play D&D and focuses on the big picture. Many places in this chapter reference that glossary.
}}

## Player or DM?
To play D&D, you need one person to be the Dungeon Master and other players (three to six are best) to play adventurers. Which role is right for you?

### Being a Player
If you want to be one of the protagonists in your group’s adventures, consider being a player. Here’s what players do:

**Make a Character.** :: Your character is your alter ego in the fantasy world of the game. After you read this chapter, use the rules in chapter 2 to create your character.

<!---
The three underscores below form the gray-bar separator, and are used in lots of different parts of the 2024 books. It technically isn't used in THIS part of the MM, but I added it anyway. You still don't own me.
--->
___


<!---
Similarly, the descriptive text block is not used anywhere in the 2025 MM, but this element is modeled after the first 2024 D&D adventure "Uni and the Hunt for the Lost Horn".
--->
{{descriptive
**Team Up.**          :: Your character joins the other players’ characters to form an adventuring party. These adventurers are allies who face challenges and fantastical situations together. Each character brings distinctive capabilities, which ideally complement those of the other characters.
**Venture Forth.**    :: Your character’s group explores locations and events presented by the DM. You can respond to them in any way you can imagine, guided by the rules in this book. Although the DM controls all the monsters you encounter, the DM isn’t your adversary. The DM guides your party’s journey as your characters become more powerful.
}}


\column


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

<!---
A small thing, but when a colon appears on its own line, it becomes a vertical spacer to separate different elements. More colons, more vertical space.
--->
::

<!---
This is an updated version of the new monster stat block after I got a closer look at the formatting. 

NOTE: The Homebrewery Monster Stat Block generator button above (PHB menu, then MONSTER STAT BLOCK) will NOT work to make the "new" version of the stat block; I recommend copying the following stat block and modifying it to match your monster:
--->
{{monster,frame
## Mind Ferret
*Tiny guy, narrow-minded neutral*

**AC**         :: 17 (Chain shirt, shield)
**HP**         :: 120 (48d4)
**Speed**      :: 45 ft.

**Initiative** :: +2 (12)

|   |   | MOD | SAVE |   |   | MOD | SAVE |   |   | MOD | SAVE |
|:--|:-:|:---:|:----:|:--|:-:|:---:|:----:|:--|:-:|:---:|:----:|
|Str| 20|  +5 |  +5  |Dex| 14|  +2 |  +2  |Con| 11|  +0 |  +0  |
|Int|  9| --1 | --1  |Wis|  7| --2 | --2  |Cha| 30| +10 | +10  |

**Immunities**  :: Drunk, Groovy
**Senses**      :: Darkvision 6,000 ft., Passive Perception 12
**Languages**   :: None, but it can read vibes
**CR**          :: 15 (XP 2043; PB +5)

### Traits
***Onion Stench.*** Any creatures within 5 feet of this thing develops an irrational craving for onion rings.

***Pack Tic Tacs.*** These guys ALWAYS have Tic Tacs.

### Actions
***Airplane Hammer.*** *Melee Weapon Attack:* +4, reach 5 ft. *Hit:* 5 (1d6 + 2) Bludgeoning damage.

### Legendary Actions
{{legend Legendary Action Uses: 3 (4 in Lair). Immediately after another creature's turn, the ferret can expend a use to ake one of the following actions. The ferret regains expended uses at the start of each of its turns.}}

***Hammer Time.*** The ferret makes akes two Airplane Hammer attacks.

***Nervous Tic.*** The ferret consumes one of its Tic Tacs, regaining 20 hit points.

}}


<!---
Below is how you denote the page number and footer text. If you want to manually enter the page number, replace the ",auto" with a space, then whatever number you want.
--->
{{pageNumber,auto}}
{{footnote Chapter 2 | Creating a Character}}
\page

<!---
Here's the newest update for the gold-bordered images. This version DOES allow you to format the image and the border separately. The border is determined by the following 4 variables:
  --maskWidth
  --maskHeight
  --maskLeft
  --maskBottom

Alternatively, if you want to have the image to take up the entirety of the left or righthand side of the page, you can simply add 'leftSide' or 'rightSide' tag to the 'imageWrapper' class below, and the image will automatically format itself to the PHB subclass proportions.
--->
{{imageWrapper,--maskWidth:425px,--maskHeight:538px,--maskLeft:-52px,--maskTop:-52px

{{borderImage ![gargoyle](https://i.imgur.com/lTZ9qtF.jpg) {top:24px,left:30px,width:460px} }} 

}}


<!---
This are two overlay images, to give the illusion that the gargoyle is "popping out" of the frame. This is really hard to do without Photoshop (or my favorite free Photoshop alternative, www.photopea.com).
--->
![gargoyle hand](https://i.imgur.com/RQp9ZRA.png) {position:absolute,z-index:1,top:202px,left:9.73cm,height:178px}
![gargoyle foot](https://i.imgur.com/gOwkris.png) {position:absolute,z-index:1,top:469px,right:15.05cm,width:45px}

<!---
This gives credit in the same way as before, and appears on the left or right hand side of the page, depending on whether the page number is odd or even.
--->
{{artist
[Kent Davis](https://2-kent-davis.pixels.com/)
}}


## Gargoyle
{margin-top:12.1cm}
<!---
The code above is a type of inline style code, which lets you style any text element, provided you put the curly brackets {} on the line JUST after that element. IMPORTANT: This style code can't have ANY spaces in it, or it won't work.
--->
*Sculpted Sentinel Hidden in Plain Sight*

<!---
The habitat class is very simple, which just adds an orange-y gradient background and changes the type of font.
--->
{{habitat **Habitat:** Underdark, Urban; **Treasure:** Any}}

Gargoyles are sculptures inhabited by elemental spirits. Wings and magic allow their heavy stone bodies to fly, and they often perch where they can blend in amid ornate architecture, rock formations, or mundane statues. Gargoyles usually serve the magic-users who conjured them into their bodies, but if left to their own devices, they might play cruel pranks and steal treasures to hoard in lofty lairs.

Gargoyles have a variety of appearances. Roll on or choose a result from the Gargoyle Sculptures table to inspire how a gargoyle looks.

##### Gargoyle Sculptures
| 1d6 | The Gargoyle Is Sculpted to Appear... |
|:---:|:--------------------------------------|
|  1  | Cherubic with perpetually smiling features. |
|  2  | Crudely hewed or naturally formed.          |
|  3  | Damaged or marred by mismatched pieces.     |
|  4  | Dragon-like with polished stone scales.     |
|  5  | Gothically fiendish with horns and a tail.  |
|  6  | Useful, like an ornate podium or a pillar.  |


<!---
This code lets you manually place the column break in the page. Since the bard image takes up the entire vertical area on the left side of the page, all the text has to appear on the right side.
--->
\column


### Gargoyle Ambushes
Gargoyles seek to ambush foes or creatures that trespass on their territories. With no biological needs and supernatural patience, these monsters might wait unmoving for months, revealing themselves only when conditions are perfect to attack. They tend to lurk where statuary seems commonplace or where terrain obscures the shape and color of their bodies. Roll on or choose a result from the Gargoyle Camouflage table to inspire where a gargoyle sets up an ambush.

##### Gargoyle Camouflage
| 1d8 | The Gargoyle Conceals Itself Amid... |
|:---:|:-------------------------------------|
|  1  | Burls and bark on a giant tree.                 | 
|  2  | Monuments in a graveyard or memorial.           |
|  3  | Outcroppings on a cliff or rock formation.      |
|  4  | The petrified victims of a basilisk or medusa.  |
|  5  | Reliefs on a sculpted gate or wall.             |
|  6  | Rubble in a ruin or junkyard.                   |
|  7  | Stalactites or icicles on a cavern ceiling.     |
|  8  | Statuary on a castle, mansion, or temple.       |

<!---
The comment class below has some really cool backend code, but it functionally works the same as a note or descriptive note class. Throw in a quote from someone!
--->
{{comment
Where evil passes in the Elemental Plane of <br><!--- This code, "<br>", is how you add a line break anywhere you want. ---> Earth, it stains the rock and spoils the soil. Malice vanishes amid other elements, but in the dismal <br> dark, the wicked shape it into nightmares.
:
-Tiv, Scholar of the Elemental Planes
{text-align:right}
}}

{{monster,frame
## Gargoyle
*Medium Elemental, Chaotic Evil*

**AC**         :: 15
**HP**         :: 67 (9d8 + 27)
**Speed**      :: 30 ft., Fly 60 ft.

**Initiative** :: +2 (12)

|   |   |  MOD | SAVE |   |   |  MOD | SAVE |   |   |  MOD | SAVE |
|:--|:-:|:----:|:----:|:--|:-:|:----:|:----:|:--|:-:|:----:|:----:|
|Str| 15|  +2  |  +2  |Dex| 11|  +0  |  +0  |Con| 16|  +3  |  +3  |
|Int|  6| --2  | --2  |Wis| 11|  +0  |  +0  |Cha|  7| --2  | --2  |

**Skills**      :: Stealth +4
**Immunities**  :: Poison; Exhaustion, Petrified, Poisoned 
**Senses**      :: Darkvision 60 ft., Passive Perception 10
**Languages**   :: Primordial (Terran)
**CR**          :: 2 (XP 450; PB +2)

### Traits
***Flyby.*** The gargoyle doesn't provoke an Opportunity At- tack when it flies out of an enemy's reach.

### Actions
***Multiattack.*** The gargoyle makes two Claw attacks.

***Claw.*** *Melee Attack Roll:* +4, reach 5ft. *Hit:* 7 (2d4 + 2) Slashing damage.
}}


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

<!---
The back cover page, like many classes in this template, uses a --height variable to format everything properly. This value affects both the height of the background image and the height of the black border at the bottom of the page.

The sweet spot for the --height value is to make the transition between the image and the border to be RIGHT in between the h1 header and the first paragraph.
--->
{{--height:740px

<!---
Like before, just include this class somewhere on the page.
--->
{{backCover}}

<!---
Images will format themselves to fill the space, but you can add any styling code you want between the curly brackets.
--->
![background image](https://i.imgur.com/pAGUo3a.jpg){width:105%,left:-15px,height:auto,top:-20px}


# The Ultimate Fantasy Bestiary

<!---
This paragraph includes the "<caps>" class. This is mostly to emulate the weird thing that D&D books do, where they make the trademarked terms "D&D" and "Dungeons & Dragons" appear in small-caps formatting.

It's very odd, and not likely that you'll need to use this formatting, but it's here just to show it as an option.
--->
This revised and expanded *Monster's Manual* contains a horde of creatures for the fifth edition <caps>Dungeons & Dragons</caps> game—a monstrous menagerie of familiar favorites like dragons, giants, and mind flayers, plus a host of new monsters like the arch-hag, the blob of annihilation, and the vampire warlock. 

Populate your worlds and adventures with the hundreds of monsters provided, and let their stories, illustrations, and easy-to-use stat blocks fuel your <caps>D&D</caps> adventures for years to come 


<!---
The PHB used this banner to show the D&D logo and to declare what other books are releasing in the base game. I'm not sure what the casual user would use this banner class for, but here it is.
--->
{{banner
A companion to the fifth Edition [*Player's Book of Hands*](https://homebrewery.naturalcrit.com/share/45ucTzCmdbE3){color:white} <br> (2024) and [*Dungeon's Masterguide*](https://homebrewery.naturalcrit.com/share/2468EmsFzBJR){color:white} (2024)
}}

<!---
The logo portion emulates the gold foil on the backs of the new books. The words are dynamic and will show the gold texture behind it, but the image is static and is made to look like gold; other images won't look gold like this automatically. 

This means that you can use whatever image you like for the logo bit! I recommend using the Homebrewery logo anyways; it looks nice, and the HB is coming up on its 10th anniversary next year!
--->
{{logo
![HB (almost) 10th Anniversary](https://i.imgur.com/n1GLSi6.png)

9th Anniversary
___

[Homebrewery.Naturalcrit.com](https://www.naturalcrit.com/)
}}

}}