body {
  /* 1. Ange sökvägen till din bild */
  background-image: url('spelalkemisten.png');

  /* 2. Huvudegenskapen: Se till att bilden täcker hela ytan */
  background-size: cover;

  /* 3. Centrera bilden så att den beskärs jämnt från kanterna */
  background-position: center center;

  /* 4. Se till att bilden inte upprepas om den (tillfälligt) är mindre än ytan */
  background-repeat: no-repeat;

  /* 5. (Valfritt) Lås fast bilden så att innehållet scrollar över den.
     Detta skapar en snygg parallax-liknande effekt. */
  background-attachment: fixed;

  /* VIKTIGT: För att säkerställa att bakgrunden täcker hela skärmhöjden
     även om du har lite innehåll på sidan. */
  min-height: 100vh; /* 100vh = 100% av fönstrets höjd (viewport height) */
}