body {
  background-color: rgb(10, 10, 10) !important;
}

@font-face {
  font-family: DancingScript-Medium;
  src: url("../fonts/DancingScript-Medium.ttf");
}

@font-face {
  font-family: Montserrat-Medium;
  src: url("../fonts/Montserrat-Medium.ttf");
}

@font-face {
  font-family: Montserrat-BlackItalic;
  src: url("../fonts/Montserrat-BlackItalic.ttf");
}

@font-face {
  font-family: Montserrat-BoldItalic;
  src: url("../fonts/Montserrat-BoldItalic.ttf");
}

.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  background-image: url("../image-mudik/bg-potrait-2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.card {
  border: 1px solid rgba(245, 245, 220, 0) !important;
}

.card-login {
  border-color: rgb(3, 0, 34);
  border-radius: 5px;
  margin: 0 auto;
  /* width: 55vh; */
  min-height: 100vh;
  font-family: "Chakra Petch", Sans-serif;
  text-align: center;
  color: #00052e;
}

.card-point {
  background-color: rgb(10, 10, 10);
  border-color: rgb(10, 10, 10);
  border-radius: 5px;
  margin: 0 auto;
  /* width: 55vh; */
  min-height: 100vh;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.404), rgba(63, 63, 63, 0)), url("../image-mudik/bg-point.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-family: "Chakra Petch", Sans-serif;
  text-align: center;
  color: #ECCF88;
}

.card-ty-soring {
  background-color: rgb(10, 10, 10);
  border-color: rgb(10, 10, 10);
  border-radius: 5px;
  margin: 0 auto;
  /* width: 55vh; */
  min-height: 100vh;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.404), rgba(63, 63, 63, 0)), url("../image-mudik/bg-point.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-family: "Chakra Petch", Sans-serif;
  text-align: center;
  color: #ECCF88;
}

.logo_anabatic {
  margin-left: 55px !important;
  margin-top: 0px !important;
  width: 40vh !important;
}

.logo_anabatic1 {
  margin-top: -65px !important;
  width: 24vh !important;
}

.judul h1 {
  margin-top: 70px !important;
  /* font-family: "Pinyon Script", Sans-serif; */
  font-family: "Montserrat-BoldItalic";
  font-size: 2.5vh;
  font-weight: 600;
}

.judul2 {
  font-family: "Montserrat-BoldItalic";
  font-size: 2.7vh;
  font-weight: 600;
}

.your-table{
  font-family: "Montserrat-Medium" !important;
  font-size: 2.5vh !important;
  font-weight: 600;
}

.please-show {
  font-family: "Montserrat-Medium" !important;
  font-size: 2vh !important;
  font-weight: 600;
}

form {
  margin-top: 13vh !important;
}

.tdk-sesuai {
  margin-top: 25vh;
  font-size: 3.5vh;
  font-family: "Montserrat-BoldItalic";
}

.ty-scoring {
  font-family: "Montserrat-BoldItalic";
  margin-top: 350px;
}

.ty-scoring h4 {
  font-size: 23px !important;
  font-weight: 800;
  background: -webkit-linear-gradient(#ffffff, #fffafb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ty-scoring span {
  background: -webkit-linear-gradient(#fffaee, #bd852b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fill-in {
  font-size: 0.7rem;
}

.seat_number {
  font-family: "Montserrat-BlackItalic" !important;
}

.attendance-list {
  font-size: 13pt;
  font-weight: 600;
  font-family: "Montserrat-Medium" !important;
}

.btn {
  color: white;
  background-color: #29bf4f;
  width: 100px;
}

.seat_number {
  font-size: 13vh;
}

.form-group .select2 {
  width: 45vh !important;
}

/* @media (max-width: 600px) {
  .logo_anabatic {
    width: 100px !important;
  }
} */