  /*index*/
  .waktu {
      color: white;
 
      font-size: 23px;
      font-weight: bolder;
      text-align: center;
  }

  .waktu img {
      display: inline-block;
      width: 70px;
      height: 70px;
  }

  .waktu p {
      display: inline-block;
  }

  table {
      text-align: center;
      margin-bottom: 5px;
  }

  table,
  table caption,
  table th,
  table tr,
  table tr td {
      text-shadow: 1px 3px 5px black;
      border: 2px outset orange;
      text-align: center;
      color: white;
      font-weight: bolder;
  }

  .atas {
      width: 100%;
      text-align: center;
  }

  .kontener {
      margin: 0 auto;
      width: 90%;
      display: flex;
      height: auto;
      flex-flow: wrap;
      justify-content: center;
      align-items: center;
  }

  .bawah {
      width: 100%;
      height: auto;
      text-align: center;
  }

  .bawah a {
      color: black;
      text-decoration: none;
      width: 100%;
      display: inline-block;
      background-color: #dc1d00;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
      font-weight: bolder;
      text-shadow: 1px 1px 1px white;
      animation: kelapkelip 1s ease-in-out infinite;
  }

  .gambar {
      width: 100%;
      height: 100px;

      line-height: 100px;
      color: white;
      box-shadow: 0px 0px 3px 3px black;

  }

  h2 {
      color: white;
      font-size: 20px;
  

  }

  h4 {
      color: white;
      text-shadow: 4px 5px 1px black;
  }

  @keyframes kelapkelip {
      from {
          text-shadow: 0px 0px 1px #def, 0px 0px 1px #def, 0px 0px 1px #def, 0px 0px 1px #def, 0px 0px 1px #def, 0px 0px 1px #def, 0px 0px 1px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #7B96B8, 0px 0px 3px #7B96B8, 0px 3px 1px #ffffe8, 0px 0px 5px #ff8400, 0px 0px 5px #ff8400, 0px 0px 5px #ff8400, 0px 0px 5px #ff8400, 0px 0px 5px #ff8400;
          color: #fff, #fff, #fff, #ff8400, #ff8400, #ff8400, #ff8400, #FBD63C;
      }
  }

  .lihat {
      width: 250px;
      height: auto;
      border-radius: 10px;
      border: 2px solid black;
      display: flex;
      flex-wrap: wrap;
      margin: 10px 7px;

  }

  .credit {
      filter: brightness(200%);
      text-shadow: 2px 2px 1px black;
  }

  .credit a {
      text-decoration: none;
      color: red;
  }

  .copyright {
      font-size: 24px;
      text-align: center;
      background-image: linear-gradient(#1535ec, #00adfa);
      text-shadow: 2px 2px 1px black;
      padding: 10px;
  }

  .collapse ul li a {
      color: white;
  }

  .myDIV:hover+.hide {
      display: block;
      color: aqua;
  }

  .search #searchbar {
      background-color: white;
      border-radius: 10px;
      width: 100%;
      text-align: center;
      height: 30px;
      font-size: 20px;
      font-weight: bolder;
      position: relative;
      margin-left: 0px;
  }

  .kotak {
      border: 1px solid #f0b837;
      font-weight: bolder;
      text-shadow: 0px 0px 5px black, 0px 0px 10px gold;
      color: white;
  }

  .kotak div {
      border-bottom: 1px solid #f0b837;
  }