body {
  background-image: url('/images/backgrounds/BuckyBG.jpg');
  background-color: #d7cec0; /* Optional: A fallback color while the image loads */
  background-size: cover; /* Optional: Stretches the image to cover the entire container */
  background-repeat: no-repeat; /* Optional: Prevents the image from repeating */
  background-attachment: fixed; /* Optional: Fixes the image position so it doesn't scroll with content */
  color: black;
  font-family: Courier;
}


.dashed-box {
  border: 2px dashed black;
  padding: 10px; /* Optional: adds space between content and border */
}


.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 8px;
}

.transparent {
  background-color: rgba(215,206,192,0.75);
}