@charset "utf-8";
/* Author: Teo Mei Hui, Date: 10 June 2024, Exercise 3: Recipe Book */

body {
		padding: 0;
		width: 90%;
		margin: auto;
	font-family: "karla", sans-serif;
	font-weight: auto;
	font-optical-sizing: auto;
	font-style: normal;
	font-color:#110013;
	background-color: #FFF6EE;
}

h1, h2, h3 {
	font-family: "Yeseva One", serif;
	font-weight: 400;
	font-style: normal;
	font-size: auto;
	color:#510D00;
	text-align: center;
}

h1 {
	font-size: 35px;
}

table {
			color:#310000;
			background-color: #FFF6EE;
			border: 1.25px solid #300000;
			border-collapse: collapse;text-align: center;
			margin: 0px auto;
		}

tr, td, th {
			border: 1px solid #100F16;
		}

#bgdarker {
	background-color:#FFDEBF;
}

form {
	text-align: center;
}

input, textarea {
		width: 30%;
		padding: 10px 10px;
		margin: 4px 0;
		box-sizing: border-box;
		border: 1px solid #ccc;
		outline: none;
}

input[type="submit"] {
	background-color:#FFDEBF;
}

.imageleft {
	float:left;
	margin-right: 30px;
}

.introone {
	float:left;
	margin-left: 200px;
	margin-right: 200px;
	margin-top: 30px;
	padding-right: 30px;
	text-align: justify;
}

.imageright {
	float:right;
	margin-left: 30px;
}

.introtwo {
	float:right;
	margin-left: 200px;
	margin-right: 200px;
	margin-top: 30px;
	padding-left: 30px;
	text-align: justify;
}

 .imageingredient {
	float:left;
	margin-right: 30px;
}

.recipe {
	float:left;
	margin-left: 200px;
	margin-right: 200px;
	margin-top: 30px;
	padding-top:20px;
	padding-right: 30px;
	padding-left: 20px;
	text-align: justify;
	background-color:#FFFFFF;
}