:root {
                --body-bg-image: url();

                /* colors */
                --content: #716751;
            }
            
            @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-top: 10px;
                background-color: #000000;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                color: #716751;
                background-image: var(--body-bg-image);
            }
            
            h1 {
              font-family: 'CloisterBlack', serif;
              text-align: center;
              color:#c40000;
              }

.gallery {
   display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 5fr);
    grid-gap: 5px;
}

.gallery__img {
    width: 400px;
    height: 400px;
    object-fit: cover;
}
.gallery__text {
    width: 400px;
    height: 400px;
    object-fit: cover;
    line-height:3em;
    overflow:scroll;
    padding:5px;
    color:#23120B;
    background-image: url("/assets/photos/vellum.jpg");
}