  /*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 yellow;
        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: orangered;
        text-decoration: none;
        width: 100%;
        display: inline-block;
        background: linear-gradient(to right, #DED374 20%, #e09f23 100%);
        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 yellow;
        
    }
    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 yellow;
        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,#791D40);
        text-shadow: 2px 2px 1px blue;
        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 #400099;
font-weight: bolder;
text-shadow: 0px 0px 5px black, 0px 0px 10px gold;
color: white;
}
.kotak div{ 
border-bottom: 1px solid #400099;
}