@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

* {
  font-family: 'Roboto', sans-serif;
}

.bg-hijau {
  background-color: rgba(1, 148, 64, 1);
}

/* .navbar-brand,
.nav-link {
  color: white !important;
} */

.hijau {
    color: rgba(1, 148, 64, 1) !important;
}

/* footer a {
    text-decoration: none;
    color: white;
} */

.home-layout {
    flex-direction: column;
    gap: 5;
}

.w-card {
  width: 15rem;
}

@media screen and (max-width: 600px) {
  /* footer .d-flex {
      flex-direction: column;
      width:100%;
  } */
  /* footer .d-flex div {
      width:100%;
      margin-top: 10px;
      margin-bottom: 10px;
  } */
  /* .nav-item input{
    position: relative;
    right: 50px;
  } */
  .top-table {
    flex-direction: column;
    gap: 3;
  }
  .home-layout {
    flex-direction: column-reverse;
    gap: 5;
  }
  .card-index {
    flex-direction: column;
  }
  .img-index {
    display: flex;
    flex-direction: column;
  }
  .img-item {
    display: flex;
    flex-direction: column;
  }
  .card-db {
    flex-direction: column;
  }
  .w-card {
    width: 100%;
  }
}