@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

body {
  font-family: "Poppins", sans-serif !important;
}

#root {
  max-width: 500px;
}

/* top */
.main_top {
  position: relative;
}

.bg_top {
  width: 100%;
  height: 60vh;

  background: linear-gradient(
    148.49deg,
    rgba(199, 12, 12, 0.83) 23.53%,
    rgba(255, 67, 40, 0.88) 56.53%,
    #e86a29 106.61%
  );
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.gambar_logo {
  width: 200px;
  position: relative;
}

.gambar_arrow {
  width: 240px;
  position: relative;
}

/* bottom */
.main_botom {
  width: 300px;
}

.text1 {
  font-size: 35px;
}

.text2 {
  color: #ff4328;
  font-weight: 600;
  font-size: 22px;
}

.button_mulai {
  background: linear-gradient(89.24deg, #fd0000 -31.3%, #fc5e3b 99.29%);
  border-radius: 13px;
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  width: fit-content;
}

.button_admin {
  background: #3cae5c;
  border-radius: 13px;
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  width: fit-content;
}

.pilihan {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* modal */
.modal_body_1 {
  height: 96vh;
}

.password {
  font-size: 50px !important;
  letter-spacing: 20px;
  box-shadow: none !important;
}

.field_password_isi {
  text-align: center;
  font-size: 35px;
  color: black;
  line-height: 100px;
  width: -webkit-fill-available;
}