@charset "utf-8";
/* CSS Document */
h1{color:rgba(152,0,2,1.00);}

p{
	text-indent: 10pt;
}
.navi a:link{
	color:#870A0C;
	text-decoration: none;
	font-size: 1.5em;
}

.navi a:hover{
	color: darkred;
	text-decoration:overline;
}

.container{
	width: 80%;
	border: 1px solid #000000;
	background-color:#FFFDE2;
	margin:auto;
	padding: 5%;
}

.navi{
	list-style: none;
	display: flex;
	gap: 3%;
	justify-content: center;
	min-height: auto;
	padding: 0;
}

.main{
	display: flex;
}

h2{
	color:rgba(152,0,2,1.00)
}

body{
	background-color: black;
	padding: 0;
	margin:0;
	font-family: 'Roboto Slab', serif;
}

.aside-left{
	min-width: 60%;
	height: auto;
	padding: 1%;
}

.aside-right{
	min-width: 40%;
	height: auto;
	padding: 1%;
	box-sizing:border-box;
}

.img-main{
	width: 500%;
	height:auto;
}


h3{color:darkred;}

.container{
	width:80%;
	margin: auto;
	border:1px solid white;
	padding: 5%;
	background-color:gray;
}

img{
	display: block;
	margin: auto;
	width: 100%;
}

.ingredients ul li{
	margin: 10px;
	list-style: square;
}

.Steps ol li{
	margin: 10px;
	list-style: upper-roman;
}