/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body  {
  background-color: black;
  color: white;
  font-family: "timesnewroman";
      }

    h1,
    h2,
    h3 
      {
        color: #ac85b3;
        text-align: center;
      }

    h1
      {
        font-size: 25px;
      }

    p
      {
        color: #ac85b3;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        font-size: 25px;
      }

    dd
      {
        color: #ac85b3;
        margin-left: auto;
        margin-right: auto;
        width: 47%
      }

    strong
      {
        /* this styles bold text */
        color: #ED64F5;
      }

    li
      {
        color: white;
        margin-left: auto;
        margin-right: auto;
        width: 50%
      }

    a {
        color: #ED64F5;
        font-weight: bold;
      }

        @font-face {
            font-family: Who Asks Satan;
            src: url("https://writingforthevoid.neocities.org/fonts/whoaskssatan.ttf");
        }
        
        @font-face {
            font-family: ragingredlotus; 
            src: url("https://writingforthevoid.neocities.org/fonts/ragingredlotus.otf");
        }
        
        @font-face {
            font-family: ragingredlotus;
            src: url('https://writingforthevoid.neocities.org/fonts/ragingredlotusitalic.otf');
            font-style: italic;
        }
        
        @font-face {
            font-family: typewriter;
            src: url('https://writingforthevoid.neocities.org/fonts/typewriter.otf');
        }
        
        @font-face {
            font-family: mailartrubberstamp;
            src: url('https://writingforthevoid.neocities.org/fonts/mailartrubberstamp.otf');
        }
        
        @font-face {
            font-family: timesnewroman;
            src: url('https://writingforthevoid.neocities.org/fonts/timesnewroman.ttf');
        }

        @font-face {
            font-family: timesnewroman;
            src: url('https://writingforthevoid.neocities.org/fonts/timesnewromanbold.ttf');
            font-weight: bold;
        }

        @font-face {
            font-family: timesnewroman;
            src: url('https://writingforthevoid.neocities.org/fonts/timesnewromanitalic.ttf');
            font-style: italic;
        }

        @font-face {
            font-family: timesnewroman;
            src: url('https://writingforthevoid.neocities.org/fonts/timesnewromanbolditalic.ttf');
            font-style: italic;
            font-weight: bold;
        }
        
        /* user styles */

        /* styles are what change the color and sizes of stuff on your site. */

        /* these are variables that are being used in the code
these tended to confuse some people, so I only kept 
the images as variables */

        :root {
            --header-image: url('https://writingforthevoid.neocities.org/tbevoid.jpg');
            --body-bg-image: url('https://writingforthevoid.neocities.org/pitchers/writingforthevoidgif.gif');
  
            /* colors */
            --content: #91315f;
        }
  
        body {
            margin: 0;
            background-color: #91315f;
            /* you can delete the line below if you'd prefer to not use an image */
            background-size: 500px;
            color: #91315f;
            background-image: var(--body-bg-image);
        }
  
        * {
            box-sizing: border-box;
        }

        .column {
          float: left;
          width: 50%;
          padding: 10px;
        }
        
        /* Clear floats after the columns */
        .row:after {
          content: "";
          display: table;
          clear: both;
        }

        @media screen and (max-width: 600px) {
          .column {
          width: 100%;
        }
      }