.warna1{
    background-color:white;
}

.warna2{
    background-color:cornsilk;
}

.warna3{
    background-color: #EEC373;
}

.warna4{
    background-color:lightgray;
}

.banner{
    height: 42vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../image/banner-edukasi.gif');
}

.highlighted-kategori{
    height: 115px;
}

.kategori-makanan{
    background: url('../image/makanan.png');
    background-size: cover;
    background-position: center;
}

.kategori-minuman{
    background: url('../image/minuman.png');
    background-size: cover;
    background-position: center;
}

.kategori-fashion{
    background: url('../image/fashion.png');
    background-size: cover;
    background-position: center;
}

.kategori-kerajinan{
    background: url('../image/kerajinan.png');
    background-size: cover;
    background-position: center;
}

.kategori-wastra-kain{
    background: url('../image/wastra-kain.jpeg');
    background-size: cover;
    background-position: center;
}

.kategori-jasa{
    background: url('../image/jasa.png');
    background-size: cover;
    background-position: center;
}

.no-decoration{
    text-decoration: none;
    color:black
}

.no-decoration:hover{
    text-decoration:none;
    color: #CA965C;
}

.text-deskripsi{
    font-size: 22px;
    color:darkorange;
}

.image-box{
    height: 150px;
}

.image-box img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.content-subscribe{
    background-color:gold;
}

.banenr-produk{
    height: 45vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../image/back.jpeg');
    background-position: 50% 35%;
}