form{margin-block-end:0;}
table {width:100%;margin:0;padding:0;border-spacing:0;}
input[type=text]:focus{ outline: none; }
input[type=number]:focus{ outline: none; }
input[type=password]:focus{ outline: none; }
select:focus{ outline: none; }
textarea:focus{ outline: none; }
select{width:100%;margin-bottom: 0.3vw;padding:0.2vw;border: 1px solid #777777;color:#444444;font-size:1vw;background:#E3E3E3}
input{width:90%;margin-bottom: 0.3vw;padding:0.2vw;border: 1px solid #DE477C;color:#444444;font-size:1vw;background:#F4C3D4;border-radius: 5px}
button{width:90%;padding:0.3vw;background:#333;border: 1px solid #DE477C;color:#DDDDDD;font-size:1vw;border-radius: 5px}
button:hover{background:#111111;border: 1px solid #DE477C;color:#ffffff;}
div.ex {overflow-y: scroll; overflow-x: auto; float: right; width: 100%; margin-top: 0.5vw;}

body{
  background:#B7D69B;
  color:#333;
  font-size:3vw;
  margin:0;
  padding:0;
  width:100%;
  font-family: Gisha;
}

.left {
  width:41%;
  height:34vw;
  margin:0;
  padding:0;
  background:transparent;
  position:relative;
  border:none;
  float:left; 
  box-sizing: border-box;
}

.right {
  width:57%;
  height:41vw;
  margin:0.6vw;
  padding:0.5vw;
  background: #F4C3D4;
  position:relative;
  border:1px solid #DE477C;
  border-radius: 0.8vw;
  float:right; 
  box-sizing: border-box;
}

#cari {width:100%;margin:0;padding:0;border:none;border-spacing:0} 
#cari td {margin:0;padding:0.5vw;text-align:center;}
.cari {
  width:97%;
  margin-bottom: 0.3vw;
  padding:0.5vw;
  border: 1px solid #DE477C;
  border-radius: 0.7vw;
  color:#444444;
  font-size:1.1vw;
  background:#F4C3D4;
}


.carib{width:97%;padding:0.5vw;border-radius: 0.7vw;background:#A6002E;border: 1px solid #A6002E;color:#F4C3D4;font-size:1.1vw}
.carib:hover{background:#FF0E50;border: 1px solid #FF0E50;color:#F4C3D4;}