#featured{
    max-width: 100%;
    max-height: 450px;
    object-fit: fill;
    cursor: pointer;
    

}

.thumbnail{
    object-fit: fill;
    max-width: 50px;
    max-height: 50px;
    cursor: pointer;
    opacity: 0.5;
    margin: 3px;
    

}

.thumbnail:hover{
    opacity:1;
}

.active{
    opacity: 1;
}

#slide-wrapper{
    max-width: 100%;
    
    min-height: 100px;
    align-items: center;
}


#slider::-webkit-scrollbar-thumb {
background-color: #dede2e;
outline: 1px solid slategrey;
border-radius: 100px;

}

#slider::-webkit-scrollbar-thumb:hover{
    background-color: #18b5ce;
}
#center{
    align-items: center;
    margin: 0 auto;
    display: table;
    margin: 0 auto;
}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
}


.buttonTokopedia {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.buttonTokopedia:hover {
    background-color: #4CAF50;
    color: white;
}

.buttonShopee {
    background-color: white; 
    color: black; 
    border: 2px solid #ef472f;
}

.buttonShopee:hover {
    background-color: #ef472f;
    color: white;
}

.buttonLazada {
    background-color: white; 
    color: black; 
    border: 2px solid #272767;
}

.buttonLazada:hover {
    background-color: #272767;
    color: white;
}
.buttonWhatsapp {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.buttonWhatsapp:hover {
    background-color: #4CAF50;
    color: white;
}

.buttonTikTok {
    background-color: white;
    color: black;
    border: 2px solid #E62050;
}

.buttonTikTok:hover {
    background-color: #E62050;
    color: white;
}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}

.pre, code {
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    display:block; 
    white-space: pre-wrap;  
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
    white-space: -o-pre-wrap; 
    word-wrap: break-word; 
    width:100%; overflow-x:auto;
   }

.h3 {
  margin-top: 50px;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }