CSS Coding - Background Image
@font-face {
  font-family: "decoy";
  src: url("https://use.typekit.net/af/5a6e14/00000000000000007735eba2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format('woff');
}

body {
  background-image: url('https://memoryfox.s3.us-east-2.amazonaws.com/58kt45gj/thumb1024');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* fills the entire screen nicely */
  background-attachment: fixed; /* optional: creates a subtle parallax effect */
  font-family: "decoy", sans-serif;
}

.story-area {
  background-color: rgba(255, 255, 255, 0.6) !important; /* semi-transparent overlay */
}