body {
  background: #0f172a;
  color: white;
  font-family: sans-serif;
}

header {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: #1e293b;
}

.hero {
  text-align: center;
  padding: 50px;
  background: linear-gradient(45deg,#22c55e,#3b82f6);
}

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

.grid img {
  width: 100%;
  border-radius: 10px;
  transition: 0.3s;
}

.grid img:hover {
  transform: scale(1.1);
}