/*index*/
  .waktu{
    color: white;
      text-shadow: 4px 5px 1px black;
  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: 3px 3px 1px black;
      border: 2px outset rgb(0, 0, 0);
      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;
  }
  :root {
      --one: #cc2cd9;
      --two: #cc2cd9;
      --three: #cc2cd9;
      --four: #cc2cd9;
      --five: #cc2cd9;
      --six: #FEFDF9;
      --seven: #03040A;
      --eight: #cc2cd9;
      --gold-one: #cc2cd9;
      --gold-two: #cc2cd9;
      --gold-three: #cc2cd9;
      --gold-four: #cc2cd9;
      --gold-five: #cc2cd9;
      --gold-six: #cc2cd9;
  }
  .bawah a{
      color: rgb(255, 255, 255);
      text-decoration: none;
      width: 100%;
      display: inline-block;
      background-color:#ea00ff;
      border-bottom-right-radius: 7px;
      border-bottom-left-radius: 7px;
      font-weight: bolder;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
       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;
      
         }
  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 #009BFF, 0px 0px 5px #009BFF, 0px 0px 5px #009BFF, 0px 0px 5px #009BFF, 0px 0px 5px #009BFF; 
  color: #fff, #fff, #fff, #009BFF, #009BFF, #009BFF, #009BFF, #FBD63C;
  }}
.lihat{
      width: 250px;
      height: auto;
      border-radius: 10px;
      border:  2px solid rgb(255, 255, 255);
      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,#b61abb);
      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 #d94ce6;
font-weight: bolder;
text-shadow: 0px 0px 5px black, 0px 0px 10px rgb(255, 0, 170);
color: white;
}
.kotak div{ 
border-bottom: 1px solid #dd5de9;
}