/* layout.css */  
/* Assuming wood-moss-background.jpg is in assets/images */  
body {  
  background-image: url('../assets/images/wood-moss-background.jpg');  
  background-size: cover;  
  background-repeat: no-repeat;  
  /* If you want it to repeat */  
  /* background-repeat: repeat; */  
  background-attachment: fixed; /* Keeps background fixed during scroll */
}

.artifact-container {  
  background-color: rgba(31, 41, 55, 0.85); /* Slightly transparent card */  
  border: 2px solid #4A5568; /* Darker border */  
  border-radius: 10px;  
  padding: 2.5rem; /* Increased padding */  
  max-width: 850px; /* Slightly wider container */  
  margin: 3rem auto; /* More margin top/bottom, centered */  
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Added subtle shadow */
}

.runic-border {  
  border: 3px dashed #D4AC0D; /* Golden Accent */  
  padding: 1.5rem; /* Adjusted padding */  
  border-radius: 10px;  
  margin-bottom: 2rem; /* Add margin below bordered sections */  
}