@import 'style.css';
nav {
  background-color: rgb(5, 5, 227);
}

#galeri {
  padding-top: 7rem;
  margin-bottom: 2rem;
}
#galeri .box_title {
  font-size: 2rem;
  color: rgb(5, 5, 227);
}
#galeri .galeri_konten_all {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 1.8rem 0;
}
#galeri .galeri_konten_all .galeri_list {
  width: 100%;
  height: 300px;
}
#galeri .galeri_konten_all .galeri_list img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#galeri .pagination {
  margin-top: 1.4rem;
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  gap: 5px;
}
#galeri .pagination li {
  border: 1px solid #dee2e6;
  background: white;
  padding: 8px 12px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
#galeri .pagination li a {
  text-decoration: none;
  color: #007bff;
  font-size: 16px;
}
#galeri .pagination li:hover {
  background: #007bff;
}
#galeri .pagination li:hover a {
  color: white;
}
#galeri .pagination .active {
  background: #007bff;
}
#galeri .pagination .active a {
  color: white;
}

@media screen and (max-width: 992px) {
  #galeri .galeri_konten_all .galeri_list {
    width: 100%;
    height: 230px;
  }
}
@media screen and (max-width: 768px) {
  #galeri {
    padding-top: 8rem;
  }
  #galeri .box_title {
    font-size: 1.8rem;
  }
  #galeri .galeri_konten_all {
    grid-template-columns: repeat(2, 1fr);
  }
  #galeri .galeri_konten_all .galeri_list {
    width: 100%;
    height: 200px;
  }
}
@media screen and (max-width: 576px) {
  #galeri {
    padding-top: 6rem;
  }
  #galeri .box_title {
    font-size: 1.5rem;
  }
  #galeri .galeri_konten_all {
    grid-template-columns: repeat(1, 1fr);
  }
  #galeri .galeri_konten_all .galeri_list {
    width: 100%;
    height: 200px;
  }
}/*# sourceMappingURL=galeri.css.map */