/* 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:#00FF00;
  color: blue;
  font-family: Tahoma;
}
<img src="https://tylertism.neocities.org/green_checkerboard.png"/>

.background-square {
    width: 3000px; /* Adjust size as needed */
    height: 2000px;
    background-color: black; /* Example: semi-transparent red */
    position: absolute; /* Position the square absolutely within the body */
    top: 50px; /* Adjust vertical position */
    left: 50px; /* Adjust horizontal position */
    z-index: -1; /* Place the square behind the text */
}

p {
    position: relative; /* Ensure text is above the square */
    z-index: 1; /* Ensure text has a higher z-index than the square */
    padding: 20px; /* Add padding to the text to ensure separation from the square */
}