body {

  margin: 0;

  padding: 0;

}



main, .content, .wrapper {

  max-width: 1200px;

  margin: 0 auto;

  padding: 20px;

}

.game-card-wrapper {

  max-width: 1000px;

  margin: 0 auto;

  padding: 0px;

}



.game-card-row {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 25px;

  margin-top: 30px;

}



.game-links {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 25px;

  margin-top: 20px;

}



.game-card {

  background-color: #264d6a;

  border-radius: 12px;

  width: 200px;

  text-align: center;

  padding: 12px;

  transition: transform 0.3s ease, box-shadow 0.3s ease;

  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);

  cursor: pointer;

}



.game-card:hover {

  transform: translateY(-5px) scale(1.03);

  box-shadow: 0 0 15px rgba(255, 165, 0, 0.6);

  background-color: #315f85;

}



.game-card img {

  max-width: 100%;

  border-radius: 8px;

  margin-bottom: 10px;

}



.game-card h3 {

  margin: 0;

  color: #72b8ff;

  font-size: 1rem;

}



.game-card a {

  display: block;

  text-decoration: none;

  color: inherit;

}