*{
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

body {
    background-color: #FBFBFB;
}

header {
    position: absolute; 
}

header::before {
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: #333446;
    max-height: 10%; 
    background-size: cover;
    background-position: center; 
    opacity: 0.85;
    z-index: 1; 
}

.navbar {
    position: relative;
    z-index: 3; 
    background-color: #333446;
    color: #f0f0f0;
    opacity: 0.95;
}

.nav-item:hover {
    filter: brightness(80%);
    border-radius: 15%;
}

.filter {
    font-style: oblique;
    padding-top: 10em;
    padding-right: 5em;
    text-align: right;
}

.col-md .card {
    background-color: transparent;
}

.card-body input:hover {
    opacity: 50%;
}

.card-footer {
    background-color: #333446;
    color: #f0f0f0;
    opacity: 0.95;
}

/* untuk halaman jenis produk*/
#table-header {
    background-color: #006DCC;
    color: white;
}

.btn {
    background-color: #7F8CAA;
}
.bi {
    background-color: #D4F6FF;
    border-radius: 50%;
    padding: 10%;
}

#collection, #branding {
    background-color: #FBFBFB;
    padding: 1em;
    border-radius: 10px;
}

#collection a {
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    padding-top: 1em;
}