@font-face {
                font-family: CloisterBlack;
                src: url('https://churchofmidnight.neocities.org/assets/fonts/CloisterBlack.ttf');
            }
            @font-face {
                font-family: W95;
                src: url('https://churchofmidnight.neocities.org/assets/fonts//W95.otf');
            }
            body {
                font-family: 'W95', serif;
                margin: 0;
                background-color: #333333;
                background-repeat: no-repeat;
                background-size: cover;
                color: #ffffff;
            }
            
            h1,
            h2,
            h3,
            h4{
                font-family: 'CloisterBlack', serif;
                color: #ffffff;
            }
            
            a:link {
                    color: #ffffff;
                    text-decoration: none;}
            a:visited {
                    color: #ffffff;
                    text-decoration: none;}
            a:hover {
                    color: #000000;
                    text-decoration: none;}
            a:active {
                    color: #ffffff;
                    text-decoration: none;}
            
            .books{
              max-width: 1000px;
              border: 30px solid transparent;
              border-image: url(/assets/photos/thorny.png) 20% round;
              margin: auto;
              }
              
              .imgtxt {
  width: fit-content;
  height: fit-content;
  display: inline-block;
  position: relative;
}
.imgtxt span {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 2.5rem;
  color: #FFF;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
}
.imgtxt:hover span, .imgtxt:focus span {
  opacity: 1;
}
.imgtxt:hover img, .imgtxt:focus img {
  /* add hover effects like transform or filter to your images here! */
}