@charset "utf-8";
/* CSS Document */
html{
	scroll-behavior: smooth;
}

body{
	padding: 0;
	margin: 0;
	background-color:#EFE4C5;
}

#bodycontainer{
	width: 53%;
	margin: auto;
	font-family:"Special Gothic", sans-serif;
}

#ingredients{
	line-height: 1.5em;
	list-style-position: inherit;
	width: 80%;
	margin: auto;
	padding: 20px;
	padding-inline-start: 40px;
	border:thick #C13333;
}

h1,h2{
	font-family: "Besley", serif;
}

p,li{
	font-size: 17px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	word-spacing: 0.02em;
}

.appb1{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	
}

.apple2{
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.mixing{
	margin-top: 20px;
	align-content: center;
}

.redcontainer{
	display: flex;
	width: 80%;
	flex-wrap: wrap;
	flex-flow: row;
	margin: auto;
}

.browncontainer{
	display: flex;
	width: 80%;
	flex-wrap: wrap;
	flex-flow: row;
	margin: auto;
}