@font-face {
    font-family: 'Chewy';
    src: url('fonts/Chewy/Chewy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    background-image: url('../img/bg.jpg');
    font-family: 'Chewy', serif;
    background-size: cover;
    background-position: center;
}
.label-text{
    color:#FFF;
    font-family: 'Chewy', serif;
    font-size:48px;
}
.font-chewy{
    color:#FFF;
    font-family: 'Chewy', serif;    
}
.form-control{
    padding:10px 20px;
    font-size:40px;
    text-align: center;
}
.btn-submit {
  background: linear-gradient(135deg, #f9d423, #ff4e50);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 28px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

.btn-submit:hover {
  background: linear-gradient(135deg, #ff4e50, #f9d423);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.3);
}

.btn-submit:active {
  transform: translateY(0);
  box-shadow: 0 3px 7px rgba(0,0,0,0.2);
}

.box {
  background: #f9d423; /* kuning emas */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  font-weight: bold;
  font-size: 24px;
  color:#FFF;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.box-success {
  background:  green; /* kuning emas */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  font-weight: bold;
  font-size: 24px;
  color:#FFF;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.box:hover {
  background: #ff4e50; /* kuning emas */
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  font-weight: bold;
  font-size: 24px;
  color:#FFF;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  cursor: pointer;
}
.img-kiri-bawah{
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 0px;   /* atur ukuran sesuai kebutuhan */
    height: auto;
}
.form-textarea{
    width:100%;
    border:2px solid #DDD;
}
.kiri-atas{
    position: fixed;
    top: 20px;
    left: 20px;
    width: 200px;   /* sesuaikan ukuran */
    height: auto;
}
.box-result{
    background-color: #005596;
    border:2px solid #DDD;
    padding:20px;
    color:#FFF;
    font-size:20px;
}
.box-result .table tr th{
    color:#f9d423;
}
.box-result .table tr td{
    color:#FFF;
}
.form-check{
    color:#000;
}