.peta {width: 150px; height: 150px; border-radius: 10px; border: 2px solid darkgreen}
.responsive {overflow-x:auto}
.genap {background-color:#dedede}
.jumat {color:green}
.reveal{display:none}
thead {background-color:#99de99}
th {font-weight: bold}
caption, tfoot td {text-align:center; background-color:#beb}
#judultabel {font-size: larger}
tfoot p {font-size:smaller; margin-top:10px}
#Salatform {background-color:#ebb; padding:10px}
#Salatform input, button, label{border-radius:10px; padding: 5px; font-size:larger}
#Salatform button {background-color:#e66}
#Res a {font-size: large; color:#a33}
.monthname {font-size: larger; color:#a33; text-align:center}
#revealme{background-color:#c33;font-style:bold;color:#fff}
#searching{animation:color-change 1.5s infinite}
@keyframes color-change{0%{color:red}50%{color:#000}100%{color:red}}
.loader {
  display: none; /* Initially hidden */
  border: 6px solid rgba(0, 0, 0, 0.3);
  border-top: 6px solid #bb3438;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}