/* body */
body {
  background-image: url(image/suns.jpg);
  background-attachment: fixed;
  overflow-x: hidden;
}

/* Navbar */
.navbar {
  position: relative;
  z-index: 1;
}
.navbar-brand {
  font-family: "Lexend Deca", sans-serif;
  font-size: 32px;
}

/* pembuka */
.pembuka {
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 30px;
}

.pembuka p {
  margin-top: 20px;
}

.pembuka h2 {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 40px;
}

/* card */
.card {
  margin: 20px 5px 0;
}

/* Footer */
.footer {
  margin-top: 140px;
}

.footer p {
  color: rgb(58, 58, 58);
  font-size: 10px;
}

/* DESKTOP VERSION */
@media (min-width: 992px) {
  .navbar-brand,
  .nav-link {
    color: white !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  }

  .nav-link {
    text-transform: uppercase;
    margin-right: 30px;
  }

  .nav-link:hover::after {
    content: "";
    display: block;
    border-bottom: 3px solid blue;
    width: 50%;
    margin: auto;
    padding-bottom: 5px;
    margin-bottom: -8px;
  }

  .pembuka {
    margin-top: 30px;
    margin-right: 250px;
    margin-left: 60px;
  }

  .card {
    margin: 10px 5px 0;
  }
}