/* FONT */

@font-face {
  font-family: PlutoLight;
  src: url("../font/HvDTrial_Pluto-Light-BF6486959ecadac.otf");
}

@font-face {
  font-family: PlutoBold;
  src: url("../font/HvDTrial_Pluto-Bold-BF6486959ee6381.otf");
}


.PlutoLight {
    font-family: "PlutoLight";
}

.PlutoBold {
    font-family: "PlutoBold";
}


body {
    background: #000;
}

.bg-abu{
    background: #333;
}

.bg-brown {
    background: #d0a90c;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.font-50 {
    font-size: 50px;
}

.text-gold {
    color:#d0a90c;
}

.w-15p {
    width: 15%;
}

.bg-transparent {
    background: transparent !important;
}

.border-none {
    border: none;
}

.w-25p {
    width: 35%;
}

.w-50p {
    width: 50%;
}

.w-80p {
    width: 80%;
}

.overflow-hidden {
    overflow-y: hidden;
}

.ditengah {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ditengah1 {
  position: absolute;
  /* top: 50%; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.position-bottom {
    position: absolute;
    bottom: 0%;
    right: 0%;
}

.padding-10 {
    padding: 10px;
}

::placeholder {
  color: #fff !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff !important;
}

.peringatan {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: white; /* warna putih */
    color: black; /* warna teks hitam */
    text-align: center;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    border-top: 2px solid red; /* garis atas merah biar jelas */
    z-index: 9999; /* supaya selalu di atas */
}