
		.display-board{
			background: turquoise;
			height: 80px;
			text-align: center;
			padding: 10px;
			color:black;
		}
		.header{
			background: white;
			display: flex;

		}
		.shop-title{
			width: 20%;
			
			text-align: center;
			padding-top: 15px;
		}
		.search{
			width: 50%;
			padding-top: 22px;
		}

		
		.search-form{
			width: 100%;
		}

		.links-section{
					
					padding-top: 40px;
					width: 30%;
				
				}
		.search-input{
			width: 70%;
			height: 40px;
			border-bottom-left-radius: 25px;
			border-top-left-radius: 25px;
			border-bottom-right-radius: 25px;
			border-top-right-radius: 25px;
			padding-left: 30px;

					}
					.search-button{
						background: orange;
						border-radius: 2px;
						padding: 8px;
						border: none;
					}

				a{
					text-decoration: none;
				}
				
				.header	a{
						color: black;
						margin-right: 20px;
						
						
					}

					.menu-area a{
							color: black;
						margin-right: 20px;
					}
					a:hover{
						color:orange;
					}
					.items-section{
						margin: 20px;
						background: white;



					}
					.section-header{
						background: tomato;
						border-top-left-radius: 3px;
						border-top-right-radius: 3px;
						display: flex;
						color: white;
					}
					.section-body{
						display: flex;
						 overflow-x: auto;
						 flex-wrap: nowrap
					}

					.section-header a{
						color: white;
					}

					/* TOP BLOCK STYLES */

					.top-block{
						background: orange;
						
						padding-top: 10px;
						padding-bottom: 10px;
						display: flex;


					}
					.menu-area{
						width: 20%;
						background: white;
						height: auto;
						margin-right: 15px;
						margin-left: 15px;
						padding: 5px;
						line-height: 1.5;
					}
					.promotions{
						width: 60%;
						margin-right: 15px;
						margin-left: 15px;
					}
					.actions{
						width: 20%;
						margin-right: 15px;
						margin-left: 15px;
					}

			.item{
						min-width: 200px;
						max-width: 200px;
						height: 400px;
						margin:5px;
						background: white;
						border-radius: 5px;
						padding: 5px;
						flex-shrink: 0;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.item:hover{
						box-shadow: 5px 5px 10px grey;
					}
					
					.price{
						color: black;
						font-weight: bold;
					}

					.original-price{
						color: grey;
						text-decoration: line-through;
						font-size: 12px;
					}

					body{
						background: orange;
					}

					.item-img{
						height: 70%;
					}
					.item-details{
						height:30%;
					}

        .item-img img{
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
	