/* === Sakti333 - Gaya Kartun === */

/* Card dengan outline tebal dan warna kontras */
.card {
  border: 3px solid rgba(0,0,0,0.8);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 6px 6px 0 rgba(0,0,0,0.2);
  transition: all 0.2s ease;
}
.card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 10px 10px 0 rgba(0,0,0,0.25);
}

/* Tombol kartun dengan outline */
.btn, button {
  border: 3px solid rgba(0,0,0,0.8);
  border-radius: 12px;
  padding: 10px 24px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.5px;
  box-shadow: 4px 4px 0 rgba(0,0,0,0.2);
  transition: transform 0.15s ease;
}
.btn:hover {
  transform: translate(-1px, -1px);
  box-shadow: 6px 6px 0 rgba(0,0,0,0.3);
}

/* Input kartun */
input, select, textarea {
  border: 2px solid rgba(0,0,0,0.6);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 14px;
  box-shadow: inset 2px 2px 0 rgba(0,0,0,0.1);
}

/* Navbar kartun */
.navbar {
  border: 3px solid rgba(0,0,0,0.7);
  border-radius: 14px;
  box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
  padding: 12px 20px;
}

/* Footer kartun */
.footercontentdesktop {
  border: 3px solid rgba(0,0,0,0.7);
  border-radius: 14px 14px 0 0;
  box-shadow: 0 -5px 0 rgba(0,0,0,0.2);
  padding: 14px 20px;
}

/* Heading kartun */
h1, h2, h3 {
  font-weight: 900;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
  font-family: 'Comic Sans MS', 'Segoe UI', sans-serif;
}