body {
  font-family: "Segoe UI", sans-serif;
  background-color: #f9f9f9;
}

.hero {
  background-color: #4caf50;
  color: white;
}

.quick-links a {
  font-size: 18px;
  font-weight: bold;
  transition: 0.3s;
}

.quick-links a:hover {
  background-color: #4caf50;
  color: white;
}

.visi-misi ul {
  list-style-type: square;
  padding-left: 20px;
}

.galeri img {
  transition: 0.3s;
}

.galeri img:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.kontak {
  background-color: #fff;
}