body {
  background-color: #181818; /* Lightish black */
  color: #FFFFE0; /* Light Yellow */
  font-family: sans-serif;

  /* Centering properties */
  display: flex; /* Enable flexbox layout */
  flex-direction: column; /* Align items vertically */
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  min-height: 100vh; /* Ensure full viewport height */
  text-align: center; /* Center text within elements */
}

a {
  color: #FFD700; /* Gold, for links */
}

/* Optional: Center elements within sections */
section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* ... (existing CSS styles) */

.profile-pic {
  width: 150px; /* Adjust as needed */
  height: 150px; /* Adjust as needed */
  align-items: center;
  border-radius: 50%; /* Makes the image circular */
  object-fit: cover; /* Ensures the image fills the circle without distortion */
  margin-top: 10px; /* Adds some space above the image */
}

.social-links {
  display: flex;
  justify-content: center; 
  gap: 10px; 
  flex-wrap: nowrap; 
}

.social-links img {
  width: 48px; 
  height: 48px;
}

.game-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Adjust as needed */
}

.game {
  flex: 0 0 auto;
  text-align: center; /* Centers text */

  /* New styles for centering images */
  display: flex; /* Enable flexbox on the .game container */
  flex-direction: column; /* Arrange content vertically (image then text) */
  align-items: center; /* Center image horizontally */
}

.game img {
  width: 200px;  /* Adjust as needed */
  height: 200px; /* Adjust as needed */
  object-fit: cover; 
}