//* efek tulisan warna warni */
 
//* Elemen yang akan diberi Efek */
#warna-tulisan { 
color:#333 
}

//* CSS yang digunkan */ 
@-webkit-keyframes gantiwarna {0% {color:black}
20% {color:red}
40% {color:blue}
60% {color:green}
80% {color:gold}
100% {color:black}
}
@-moz-keyframes gantiwarna {
0% {color:black}
20% {color:red}
40% {color:blue}
60% {color:green}
80% {color:gold}
100% {color:black}
}
@-keyframes gantiwarna {
0% {color:black}
20% {color:red}
40% {color:blue}
60% {color:green}
80% {color:gold}
100% {color:black}
}

//* Penerapan efek pada element yang akan diberi efek*/ 
#warna-tulisan { 
animation: 5s infinite gantiwarna linear; /* Waktu 10 detik */
-webkit-animation: 5s infinite gantiwarna linear 
}


 /*Background warna warni */
.today {
  background-color:#333;  
  width:100px;
  height:100px;
  margin:0 auto;
  border:5px solid #FFF;
}
@-webkit-keyframes gantiwarna2 {
  0% {background-color: #4d4d00}
  20% {background-color:red}
  40% {background-color:blue}
  60% {background-color:green}
  80% {background-color:gold}
  100% {background-color:#4d4d00}
}
@-moz-keyframes gantiwarna2 {
  0% {background-color:#4d4d00}
  20% {background-color:red}
  40% {background-color:blue}
  60% {background-color:green}
  80% {background-color:gold}
  100% {background: #4d4d00}
}
@-keyframes gantiwarna2 {
  0% {background-color: #4d4d00}
  20% {background-color:red}
  40% {background-color:blue}
  60% {background-color:green}
  80% {background-color:gold}
  100% {background-color: #4d4d00}
}
.today {
  animation:10s infinite gantiwarna2 linear;
  -webkit-animation:10s infinite gantiwarna2 linear;   
   color:#ffffff;
} 

htmasehi {
    display: block;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
htsakasunda {
    font-size: xx-small;   
    color:#999900;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}


hpasaran {
    font-size: xx-small;   
    color:#b3b300;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;  
}

.calendarsakasunda {width:220px;background:#e6e600;font:12px arial; color:#644; border:1px solid #dcdcdc; border-collapse:collapse; margin-left:auto; margin-right:auto;}    
  .infocalendar {width:100%;background:#fdfdfd;font:15px arial; color:#644; border:1px solid #dcdcdc; border-collapse:collapse; margin-left:auto; margin-right:auto;}
  .month-heading {text-align:center; height:25px; line-height:25px; background:#e6e600; color: #green;}
  .big {font-size:100%;}
  .week-heading {font-size:10px; height:15px; line-height:15px; background:#999900; text-align:center; color: #B3B300;padding:5px;}
  .day-heading {font-size:10px; height:15px; line-height:15px; background:#black; text-align:center; }
  .wuku-heading {font-size:10px; height:17px; line-height:15px; background:#b3b300; text-align:center; color:black}
  td {width:4.2857%;text-align:right;padding:10px!important; border:1px solid #dcdcdc;}
  .other-month {background:#ffff80; color:#ace600;}
  .weekend-day {background:#e6e600; color:#004080;}   
  .normal-day {background: #e6ffb3; color:#000000;}
/*  .today {background:#ffcc33; color:#00e600;}       */
  .tahunbarusunda  {background:#b3b300; text-align:center; color:#fff }  
  .sa {background:#f90606; color:#ffffff;}        
  .prev, .next {color:#B3B300;}    
  .wlegi {color:#ffffff;}
  .wpahing {color: #cc3300;}  
  .wpon {color: #ffff00;}
  .wwage {color:  #000000;}