body{
background:#0f0f0f;
color:white;
font-family:Arial;
}

.hero{
height:90vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:linear-gradient(#000,#1c1c1c);
}

.hero h1{
font-size:60px;
font-weight:bold;
}

.button-main{
background:#e63946;
padding:15px 35px;
border-radius:30px;
color:white;
text-decoration:none;
font-weight:bold;
}

.section{
padding:80px 20px;
}

.pizza-card{
background:#1c1c1c;
border-radius:12px;
overflow:hidden;
transition:0.3s;
}

.pizza-card:hover{
transform:scale(1.05);
}

.pizza-img{
height:220px;
object-fit:cover;
width:100%;
}

.price{
color:#e63946;
font-size:22px;
font-weight:bold;
}

footer{
background:black;
padding:40px;
text-align:center;
margin-top:60px;
}

.pizza-animation{
margin-top:40px;
}

.pizza-spin{
width:150px;
animation:spin 6s linear infinite;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}