@font-face {
  font-family: 'CaskoLuxury';
  src: url('../assets/CaskoLuxury-Regular.otf') format('OpenTypefont');
}

/* ===========================
   General
=========================== */
html, body {
  margin: 0;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  scroll-behavior: smooth;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #151313;

  /* Hilangkan scrollbar */
  scrollbar-width: none;  /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

html::-webkit-scrollbar {
  display: none;  /* Chrome, Safari, Edge */
}


/* ===========================
   Loading Screen
=========================== */
.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #344FD6; /* Warna latar belakang */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Pastikan di atas semua elemen lain */
}

.loading-text {
  font-weight: 700;
  font-size: 2.5rem;
  color: white;
  text-align: center;
  text-shadow:
    2px 2px 0px rgba(0,0,0,0.2),
    -2px -2px 0px rgba(255,255,255,0.4);
  letter-spacing: 2px;
}

.loading-text span {
  display: inline-block;
}

#three-canvas {
  z-index: 0;
  pointer-events: none;
}

#teks {
  z-index: 10;
  letter-spacing: 0.1em;
}