body {
  margin:0;
  font-family: Arial;
  background:#0f0f0f;
  color:#fff;
}

nav {
  display:flex;
  gap:20px;
  padding:15px;
  background:#000;
}

nav a {
  color:#fff;
  text-decoration:none;
}

.center {
  text-align:center;
  margin-top:100px;
}

button {
  padding:10px 20px;
  background:#00f7ff;
  border:none;
  cursor:pointer;
}

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
  padding:20px;
}

.card {
  background:#1a1a1a;
  padding:15px;
  border-radius:10px;
  transition:0.3s;
}

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

img {
  width:100%;
  height:150px;
  object-fit:contain;
}