* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Segoe UI', sans-serif;
scroll-behavior: smooth;
color: white;
}

/* NAVBAR */

.navbar {
background: rgba(0,0,0,0.9);
}

.nav-link {
color: white !important;
margin-left: 15px;
}

/* HERO */

.hero {

height: 100vh;

background:
linear-gradient(
rgba(0,0,0,0.6),
rgba(0,0,0,0.6)
),
url("img/head-bg.jpeg");

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

display: flex;
align-items: center;

}

.hero h1 {

font-size: 60px;
font-weight: bold;

}

.hero span {

color: #c89b6d;

}

.btn-custom {

background: #c89b6d;
color: white;
border-radius: 10px;

}

/* ABOUT */

.about {

padding: 80px 0;

background:
linear-gradient(
rgba(0,0,0,0.8),
rgba(0,0,0,0.8)
),
url("img/about-bg.jpg");

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

}

/* MENU */

.menu {

padding: 80px 0;

background:
linear-gradient(
rgba(0,0,0,0.8),
rgba(0,0,0,0.8)
),
url("img/header-bg.jpeg.jpg");

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

}

/* MENU ITEM */

.menu-item {

text-align: center;

margin-top: 40px;

}

.menu-item img {

width: 180px;
height: 180px;

border-radius: 50%;

object-fit: cover;

display: block;

margin: 0 auto;

transition: 0.3s;

}

.menu-item img:hover {

transform: scale(1.1);

}

/* KONTAK */

.kontak {

padding: 80px 0;

background:
linear-gradient(
rgba(0,0,0,0.8),
rgba(0,0,0,0.8)
),
url("img/head-bag.jpeg.jpg");

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

}

.form-control {

background: rgba(0,0,0,0.7);
border: none;
color: white;

}

/* FOOTER */

footer {

background: black;
padding: 20px;

}