body {
  background-image: url('/ThePlotWhole/assets/images/bg1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-family: 'Courier New', Courier, monospace; /* classic monospace fonts */
  /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* clean readable font */
}

main {
  max-width: 700px;                 /* limit width */
  margin: 4rem auto;                /* center horizontally with vertical spacing */
  background-color: rgba(255,255,237, 0.85);  /* rgba background with slight transparency (last number) */
  padding: 2rem 3rem;               /* space inside the box */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);  /* subtle shadow for depth */
  border-radius: 8px;              /* rounded corners */
  color: #333;                     /* dark text color */
}

h1, h2 {
  font-family: 'Courier New', Courier, monospace !important;
}