body {
  background-color: #161616;
  color: #B9B9B9;
  margin: 0 auto;
  width: 860px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 30px 0;
}

h1 {
  text-align: center;
}

h3 {
  text-align: center;
}

a {
  color: #B9B9B9;
  text-decoration: none;
}

.a-github{
  color: rgb(71, 71, 241);
}

.github-d {
  margin-bottom: 20px;
}

.contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.card {
  background-color: #222;
  border-radius: 10px;
  width: 260px;
  text-align: center;
  padding-bottom: 10px;
  transition: transform 0.2s;
}

.card:hover {
  transform: scale(1.03);
}

.img-container {
  width: 100%;
  height: 170px;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.imgopc {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

h3 {
  margin: 10px 0 5px;
}

p {
  margin: 0 0 10px;
  font-size: 14px;
  color: #A5A5A5;
}