:root {
  --default-font-color: #000000;
  --primary: #CC0000;
}

a {
  color: var(--primary);
}

* {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter UI', sans-serif;
  font-size: 1rem;
  line-height: 1.25;
}

	.recipes {
			width: 100%;
			display: flex;
		}

		.recipe .image {
			background-color: var(--primary);
			padding-top: 50%;
			background-size: cover;
			background-position: 50% 50%;
		}

		.recipe a {
			text-decoration: none;
			color: var(--default-font-color);
		}

		.recipe a:hover {
			color: var(--primary);
		}

		.recipe .title {
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			overflow: hidden;
			font-weight: bold;
		}

		.search input {
			width: 100%;
			padding: .75rem;
			box-sizing: border-box;
			font-size: 1rem;
			font-family: 'Inter UI', sans-serif;
		}

		.search input:focus {
			outline: 2px solid var(--primary);
			box-shadow: none;
		}

.recipe-detail img {
  max-height: 20rem
  max-width: 100%

}
.recipe-detail ul{
	margin:0;
	padding:0;
	list-style:none
}
.recipe-detail ul li{
	padding:0 0 0 25px;
	position:relative
}
.recipe-detail ul li input{
	position:absolute;
	top:5px;
	left:0;
	opacity:0.5
}

		.recipe-detail .image {
			background-color: var(--primary);
			padding-top: 50%;
			background-size: cover;
			background-position: 50% 50%;
		}

.winning-photo {
    text-align: center;
}

.winning-photo figure {
    display: inline-block;
}