.top-tombol {text-align: center;width: 100%;}
    .header a{width:23%;font-size:24px;padding:10px}
    .daftar{background: #e7e7e7 !important;
box-shadow: #fff 0 0 15px inset !important;
border: 1px solid #fff !important;
margin: 1% 0;
color: #d80008 !important;
border: 1px solid white !important;}
    .klaim{width: 50% !important;color:#ffffff !important}
    .quadrat {
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: rgb(34, 5, 106);
    border: 3px solid #c32705;
  }
  50%, 100% {
    background-color: #c32705;
    border: 3px solid rgb(34, 5, 106);
  }
}
    
    .hm{display: none}
    
    @media only screen and (max-width: 768px)   {
        .hd{display: none}
        .hm{display: block}
        .header a{width: 98% !important;margin-top: 10px !important}
      }