@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

/* * {
  margin: 5px;
  padding: 0;
} */

html {
  font-family: 'Bebas Neue', cursive;

}

.profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin-bottom: 20px; /* Tambahkan margin bawah di sini */
  
}

.profile>img {
  width: 150px;
  height: 150px;
  border: 3px solid #ffffff;
  border-radius: 100%;
}

.profile>p {
  font-size: 1.8em;
  font-weight: 900;
  letter-spacing: 2px;
  color: rgb(14, 13, 1);
  text-transform: capitalize;
  text-align: center;

}


.footer {
  text-align: center;
}

.footer>i {
  color: rgb(50, 0, 252);
  font-size: 15px;
}


.h3 {
  /* color: #ffffff; */
  font-family: 'Courier New', Courier, monospace;
  font-style: italic;
  text-align: center;
 
  font-size: 24px; /* Ubah ukuran huruf sesuai kebutuhan */
 
  background-image: linear-gradient(to right, rgb(174, 215, 27), rgb(247, 255, 13)); Warna latar belakang berupa gradien linear
  -webkit-background-clip: text; /* Menggunakan background-clip untuk efek balut huruf (untuk browser WebKit seperti Chrome) */
  /* color: transparent; Membuat huruf menjadi transparan */
  
}

.khusus1 {
  font-size: 1.8em;
  font-weight: 900;
  letter-spacing: 2px;
  color: rgb(5, 5, 181);
  text-transform: capitalize;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
}

.khusus2 {
  color: rgb(50, 0, 252);
  font-size: 30px;
  font-family: 'Courier New', Courier, monospace;
}


/* Warna placeholder untuk input dengan latar belakang biru */
.custom-blue::placeholder {
  color: #ccc; /* Ubah ke warna yang diinginkan */
}
/* Warna placeholder untuk input dengan latar belakang hijau */
.custom-green::placeholder {
  color: #999; /* Ubah ke warna yang diinginkan */
}
/* Warna placeholder untuk input dengan latar belakang merah */
.custom-red::placeholder {
  color: #bd0000; /* Ubah ke warna yang diinginkan */
}
/* Warna placeholder untuk input dengan latar belakang merah */
.custom-white::placeholder {
  color: #000000; /* Ubah ke warna yang diinginkan */
}


#loading {
  display: none;
}

.hide-button {
  display: none;
}





.formContainer,
.dashboardContainer{
   background-color: #ffffff;
   border:10px solid rgba(8,35,172,0.2);
   border-radius: 20px;
   min-height: 550px;
   padding: 20px;
   width:350px;
   margin:100px auto;
}






.balut {
  text-shadow:
  -1px -1px 0 #ffffff,  
  1px -1px 0 hsl(0, 0%, 100%),
  -1px 1px 0 #ffffff,
  1px 1px 0 #ffffff;
  letter-spacing: 2px;
}
.balut1 {
color: rgba(255, 255, 5, 0.778);
  font-size: 30px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  text-align: center;
text-shadow:
-1px -1px 0 #000000,  
1px -1px 0 #020000,
-1px 1px 0 #000000,
1px 1px 0 #0a0000;

letter-spacing: 2px;
}