body {
    background: #f8f9fa;
}

.card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
}

.card img {
    height: 220px;
    object-fit: cover;
}

body{
    background:#f5f5f5;
    font-family:Arial,sans-serif;
}

/* HERO SECTION */

.hero-section{
    background:
    linear-gradient(rgba(0,0,0,0.6),
    rgba(0,0,0,0.6)),
    url('../images/hero.jpg');

    background-size:cover;
    background-position:center;

    min-height:500px;

    padding:100px 0;
}

/* RESTAURANT CARDS */

.restaurant-card{
    border:none;
    border-radius:15px;
    overflow:hidden;

    transition:0.3s;
}

.restaurant-card:hover{
    transform:translateY(-5px);
}

.restaurant-image{
    height:250px;
    object-fit:cover;
}

/* NAVBAR */

.navbar{
    padding:15px 0;
}

.navbar-brand{
    font-weight:bold;
    font-size:24px;
}

/* BUTTONS */

.btn-dark{
    border-radius:10px;
}

/* MOBILE */

@media(max-width:768px){

    .hero-section{
        min-height:400px;
        padding:60px 20px;
    }

    .hero-section h1{
        font-size:32px;
    }
}