body {
     background-color: #530000;
     margin: 0;
}


nav{
	background-color: #460000;
	padding: 10px;
	display: flex;
	align-items: center;
	list-style-type: none;
	margin:20px;
	width: 97%;
}

nav a{
	color: white;
	text-decoration: none;
	margin: 0 15px;
	font-size: 18px;
	list-style-type: none;
	padding-left: 395px;
}

nav a:hover{
	text-decoration: underline;
	font-size: 15px;
	color: white;
}

.burger{
    border-radius: 25px;
    background: #460000;
    padding: 20px;
    width: 30%;
    height: 30%;
    margin-right:70px;
    margin-top: 70px;
    width:700px;
    height:650px;
	margin-left:30px;
}

.product{
	color: white;
	font-size: 100px;
	display:flex;
	flex-direction:row;
	gap: 200px;
	width:100%;
	font-family: 'Copperplate', fantasy;
}

.last{
	color: white;
	font-size: 100px;
	display:flex;
	flex-direction:row;
	gap: 200px;
	width:100%;
	font-family: 'Copperplate', fantasy;
}

.ab{
	font-size: 30px;
	font-family: 'Copperplate', fantasy;
	color: white;
}

.divv{
	color: white;
	font-size: 50px;
	display:flex;
	flex-direction:row;
	gap: 200px;
	width:100%;
}

.logo {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 60px;
    color: white;
    position: relative;
	padding: 35px
}	
	
.cuisine {
    font-family: 'Brush Script MT', cursive;
    font-size: 30px;
    color: #e5e500;
    position: absolute;
    top: 160px;
    left: 190px;
}	

.rec{
	font-size: 30px;
	color: #cccc00;
	font-family: 'Helvetica', sans-serif;
}


.menu-container {
	display: flex;
	gap: 20px;
	margin-left: 570px;
}	

.menu-item {
	background-color: #e5e500;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
	width: 180px;
	position: relative;
	transition: transform 0.3s;
	margin-top: 30px;
}

.menu-item:hover {
	transform: translateY(-5px);
}

.highlight {
	background-color: #FFD54F;
}

.menu-item img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	margin-bottom: 10px;
}

.price {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

.but{
	height:150px;
	width:300px;
}


.menu{
	width: 300px;
	height: 90px;
	padding-top: 30px;
	display:block;
	margin-right:auto;
	margin-left:auto;
}

.sell{
	color: white;
	text-align: center;
	font-family: 'Copperplate', fantasy;
	font-size: 40px;
}

.seller{
	background-color: #670000;
	width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6%;
}

.cook{
  padding-top: 90px;
  width:950px;
  height:500px;
  margin-left:30px;
}

.nnn{
	color: white;
	font-size: 50px;
	display:flex;
	flex-direction:row;
	gap: 200px;
	width:100%;
	font-family: 'Copperplate', fantasy;
}

.pz{
	color: #e5e500;
	font-size: 30px;
	display:flex;
	flex-direction:row;
	gap: 90px;
	font-family: 'Helvetica', sans-serif;
}


.menu{
    font-family: 'Copperplate', fantasy;
    font-weight: bold;
    font-size: 60px;
    color: white;
    position: relative;
	text-align: center;
}	

.mini{
    font-family: 'Helvetica', sans-serif;
    font-size: 20px;
    color: #e5e500;
    position: absolute;
	left: 932px;
	bottom: 540px;
}

.pmenu{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 1200px;
	width: auto;
}

footer{
	background-color: #460000;
    color: white;
    text-align: center;
    padding: 1rem;
    width: 98%;
    bottom: 0;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	position: fixed;
}

.contact{
	color: white;
	font-family:  'Copperplate', fantasy;
	text-align: center;
}

.ig{
	color: white;
	text-decoration: none;
	font-family: Arial, sans-serif;
	display:flex;
	justify-content:center;
}

.numer {
	color: white;
	font-family: Arial, sans-serif;
	text-align:center;
	
}

.rrug{
	color: white;
	font-family: Arial, sans-serif;
	text-align:center;	
}


@media screen and (max-width: 600px) {
	.product {
	font-size: 58px;
	}
}

@media screen and (max-width: 600px) {
	.seller {
	text-align: center;
	}
}

@media screen and (max-width: 600px) {
	.menu {
	display:block;
	margin-right:auto;
	margin-left:auto;;
	}
}