body {
    height: 100vh; /* Ensure full viewport height */
    margin: 0; /* Remove default margin */
    display: block; /* Reset flex properties */
    padding: 20px; /* Add whitespace around the content */
    background-color: #e3bcff; /* Retain the light blue background */
}

header, section, footer {
  text-align: left; /* Align content to the left */
  max-width: 800px;
  margin: 20px auto; /* Center sections horizontally with auto margins */
}

.centered-text {
    text-align: center;
}

/* Resize profile picture */
.profile-pic {
  max-width: 150px; /* Set a maximum width */
  height: auto; /* Maintain aspect ratio */
  border-radius: 50%; /* Optional: Make it circular */
}

/* Add line dividers between sections */
section {
  border-bottom: 2px solid #000000; /* Light gray divider */
  padding-bottom: 20px;
  margin-bottom: 20px;
}

section:last-of-type {
  border-bottom: none; /* Remove divider after the last section */
}

/* Style the title */
h1 {
  color: #356bff; /* Blue color for the title */
  font-size: 2.5em; /* Slightly larger font size */
  font-weight: bold; /* Make it bold */
}

/* Add dividers between collections */
.collection {
  border-bottom: 2px solid #000000; /* Light gray divider */
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.collection:last-of-type {
  border-bottom: none; /* Remove divider after the last collection */
}

/* Adjust image size and alignment */
.art-piece {
  display: flex; /* Use flexbox for alignment */
  align-items: center; /* Vertically align images and text */
  gap: 15px; /* Add spacing between image and text */
  margin-bottom: 20px; /* Add spacing between art pieces */
}

.art-piece img {
  max-width: 100%; /* Ensure images do not exceed their container's width */
  height: auto; /* Maintain aspect ratio */
  max-height: 600px; /* Limit the maximum height */
  display: block; /* Ensure proper alignment */
}