.banner{
    background: url("https://pointos.com/wp-content/uploads/2017/10/cropped-blur-background-of-pub-restaurant-with-wood-table-628137314_2125x1416.jpeg") no-repeat center center;
    background-size: cover;
    padding-top: 20%;
    padding-bottom: 20%;
    color: beige;
}

.layanan{
    background: url("https://img.freepik.com/premium-photo/steaming-coffee-tea-black-mug-with-reflection-dark-background_641503-184301.jpg")no-repeat center center;
    background-size: cover;
    color: rgb(32, 199, 245);
}

.lingkaran{
    display: inline-block;
    border-radius: 25%;
    width: 100px;
    margin: auto;
    height: 100px;
    color: #00080efb;
    background-color: rgba(190, 190, 198, 0.829);
}

.portofolio{
    background: url("https://png.pngtree.com/thumb_back/fh260/background/20240208/pngtree-cafe-coffee-shop-background-bar-photo-image_3127698.jpg")no-repeat center center;
    background-size: cover;
    color: rgb(241, 243, 243);
}

.tentang{
    background: url("https://cdn.wallpapersafari.com/88/24/BWG5gz.jpg")no-repeat center center;
    background-size: cover;
    color: rgb(4, 13, 1);
}


.lingkaran i{
    position: relative;
    top: 30px;
}

.crop-img{
    object-fit: cover;
}

.tim img{
    width: 250px;
    border: 10px solid #3d3d70;
}

a.social{
    display: inline-block;
    width: 40px;
    height: 40px;
    color: rgb(4, 4, 68);
    border-radius: 50%;
    background-color: rgb(33, 7, 180);
    line-height: 40px;
}


.kontak{
    background: url(https://i.pinimg.com/736x/33/d3/85/33d385099a8073d87a55d6b4addfdb6c.jpg)no-repeat center center;
    background-size: cover;
    padding-bottom: 20%;
    padding-top: 20%;
    color:#fff;
}