*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    scroll-behavior:smooth;
    font-family: "dancing script", cursive;
    font-weight: 400;
    font-style: normal;
}
body{
    background:rgb(80, 22, 22);
    color:white;
}
/* Navbar */
.navbar{
    background:rgb(80, 22, 22);
    backdrop-filter:blur(8px);
}
.navbar-brand{
    font-size:28px;
    color:#ffc107 !important;
}
.nav-link{
    color:white !important;
    margin-left:15px;
    transition:.3s;
}
.nav-link:hover{
    color:#ffc107 !important;
}
/* Hero */
.hero{
height:100vh;
background:
linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.7)),
url("pizaa_bg.jpg");
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
.hero h1{
font-size:40px;
font-weight:bold;
color:#ffc107;
text-align: left;
}
.hero p{
font-size:18px;
margin:20px;
text-align: left;
}
.hero button{
padding:15px 40px;
font-size:20px;
display:flex;
background-color: rgb(80, 22, 22);
}
#about p{
    font-size: 25px;
    padding: 20px;
}
/* Sections */
section{
padding-top:80px;
padding-bottom:80px;
}
h2{
font-size:40px;
font-weight:bold;
color:#ffc107;
}
/* Pizza Cards */
.pizza-card img{
    width: 100%;
    height:250px;
    object-fit: cover;
}
.menu-page{
    display:none;
}
#page1{
    display:block;
}
.pagination button{
color:#dc3545;
}
.pagination button:hover{
background:#dc3545;
color:white;
}
/* Pizza Details */
.pizza-detail-img{
    width:350px;
    transition:.4s;
    box-shadow:0 0 30px rgba(220, 53, 69,.6);
    margin-top: 50px;
}
.pizza-detail-img:hover{
    transform: scale(1.05);
    box-shadow: 0 0 45px rgba(255, 193, 7,.8);
}
.size-btn{
margin:5px;
}
.size-btn:hover{
background:#dc3545;
color:white;
}

/* Reviews */
.review-card{
background:#1c1c1c;
padding:30px;
border-radius:20px;
text-align:center;
height:100%;
transition:.4s;
}
.review-card:hover{
transform:scale(1.05);
box-shadow:0 0 20px #ffc107;
}
.review-img{
width:100px;
height:100px;
border-radius:50%;
object-fit:cover;
}
.review-card p{
color:#ddd;
}
/* Forms */
.form-control{
background:#222;
border-color:#222;
color:white;
padding:15px;
}
.form-control:focus{
background:#222;
color:white;
box-shadow:0 0 10px #ffc107;
}
.form-control::placeholder{
    color: rgb(190, 182, 182);
}
/* Buttons */
.btn-danger{
background:#dc3545;
border:none;
transition:.3s;
}
.btn-danger:hover{
background:#ffc107;
color:#222;
transform:scale(1.1);
}
/* Footer */
footer{
background:rgb(80, 22, 22);
color:#aaa;
}
/* Mobile */
@media(max-width:768px){
.hero h1{
font-size:40px;
}
.hero p{
font-size:18px;
}
.pizza-detail-img{
width:250px;
}
}