/* style.css */

/* This class will create the highlight effect only behind the text */
.text-highlight {
    background-color: black; /* The background color behind your text */
    color: white;           /* The color of the text itself */
    padding: 5px 10px;      /* Space around the text within the highlight (adjust as needed) */
    border-radius: 3px;     /* Optional: slightly rounded corners */

    /* THIS IS THE CRUCIAL PART for it not to span the whole page when used on a span */
    display: inline-block;
}

/* You might want to make h1, p, etc. default to white text */
h1, p {
    color: white;
}

body {
  background-color: black;
  background-image: url('jmstudios2.png'); /* Update path if needed */
  background-size: 75px 75px; /* Adjust grid size */
  background-repeat: repeat;
  color: white;
  font-family: "Courier New";
}