body{

    background:#f5f5f5;

    font-family:Arial, sans-serif;
}

/* NAVBAR */

.navbar{

    box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

/* HERO */

.hero{

    background:linear-gradient(
        rgba(0,0,0,0.6),
        rgba(0,0,0,0.6)
    ),

    url('https://images.unsplash.com/photo-1523381210434-271e8be1f52b');

    background-size:cover;

    background-position:center;

    height:400px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:white;
}

.hero h1{

    font-size:55px;

    font-weight:bold;
}

.hero p{

    font-size:20px;
}

/* PRODUCT CARD */

.product-card{

    border:none;

    border-radius:15px;

    overflow:hidden;

    transition:0.3s;

    box-shadow:0 2px 10px rgba(0,0,0,0.1);

    background:white;
}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.product-card img{

    height:300px;

    object-fit:cover;
}

.card-body{

    padding:20px;
}

.card-title{

    font-weight:bold;
}

.card-text{

    font-size:18px;

    color:#dc3545;

    font-weight:bold;
}

/* BUTTON */

.btn-dark{

    border-radius:10px;

    transition:0.3s;
}

.btn-dark:hover{

    transform:scale(1.03);
}

/* FOOTER */

.footer{

    margin-top:60px;

    background:#111;

    color:white;

    text-align:center;

    padding:20px;
}

/* MOBILE */

@media(max-width:768px){

    .hero{

        height:300px;
    }

    .hero h1{

        font-size:35px;
    }

    .hero p{

        font-size:16px;
    }

    .product-card img{

        height:220px;
    }
}