@font-face {
    font-family: 'blackwood_castleregular';
    src: url('/fonts/blackwood-castle/blackwood_castle-webfont.woff2') format('woff2'),
         url('/fonts/blackwood-castle/blackwood_castle-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caudexregular';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-regular-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caudexbold';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-bold-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'caudexbold_italic';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-bolditalic-webfont.woff2') format('woff2'),https://benitengu.neocities.org/style.css
         url('https://benitengu.neocities.org/fonts/caudex/caudex-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'caudexitalic';
    src: url('https://benitengu.neocities.org/fonts/caudex/caudex-italic-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/caudex/caudex-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bd_renaissanceregular';
    src: url('https://benitengu.neocities.org/fonts/bd-renaissance/bdrenais-webfont.woff2') format('woff2'),
         url('https://benitengu.neocities.org/fonts/bd-renaissance/bdrenais-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  background-image: url('/hoard/bg/pixelnightsky.png');
  background-color: white;
  color: silver;
  font-family: 'caudexregular';
}

p::first-letter {
   font-family: "bd_renaissanceregular";
   font-size: 30px;
   vertical-align: bottom;
}

h1, h2 {
 font-family: 'blackwood_castleregular'; 
}

a {
 color: #fce7c9; 
}

.content {
  max-width: 500px;
  margin: auto;
}

/* Three image containers (use 25% for four, and 50% for two, etc) */
 .column {
  float: left;
  width: 33.33%;
  padding: 5px;
  }
      
  .row{
  display: flex;
  }
      
/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
  }
      

/* ------------------TABLE OF CONTENTS--------------------- */

  /* Container needed to position the button. Adjust the width as needed */
.bookmenu {
  position: relative;
  width: 50%;
}

/* Make the image responsive */
.bookmenu img {
  width: 200px;
  height: 200px;
}

/* Style the button and place it in the middle of the container/image */
.bookmenu .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
}

.bookmenu .btn:hover {
  background-color: black;
}