@charset "utf-8";
/* CSS Document */
		h1{
			font-family: "Source Serif 4", serif;
			font-size: 69px;
			font-weight: bold;
			color:  Black}
			
		p {color:#929292}
		p::first-letter{font-size: 1.25em}
			
		body {
			background-color: #FFFFFF;
			margin:0;
		 	padding:0;
		 	width:90%;
		 	margin:auto;
		 	font-family: "Source Serif 4", serif; 
			font-optical-sizing: auto; 
			font-weight: normal; 
			font-style: normal}
		
		img[alt="img left"]{
			border:none;
			float:left;
			margin-right:2%;}
			
		img[alt="img right"]{
			border:none;
			float:right;
			border-radius: 2%;
			margin-right:2%;}	
			
		img[alt="pie crust 1"]{
			border:none;
			border-radius: 2%}
			
		img[alt="pie crust 2"]{
			border:none;
			border-radius: 2%}
			
		img[alt="filling"]{
			border:none;
			border-radius:2%;}	
			
		.pie {text-align: center;}
		.pie img {margin-right: 20px;}

		.ingredients h2 {
    		border-top:solid #333333;
			border-bottom: 2px solid #333;
    		padding-bottom: 5px;}
			
		.instructions h2 {
			border-top:solid #333333;
    		border-bottom: 2px solid #333;
    		padding-bottom: 5px;}

		.instructions ol {
    		list-style: none;
    		padding: 0;}

		.instructions li{
    		background: #F8F8F8;
    		margin: 10px 0;
    		padding: 10px;
			color: #000000;
    		border-left: 5px solid #333;}

		.instructions h3 {
  			margin-top: 0;}
			
		input[type="submit"]{
    		background-color: #D6536D; 
    		color: white; 
    		padding: 10px; 
    		border-radius: 20px; 
    		width: 220px; 
    		border: 0;}
		
		input[type="reset"]{
			background-color: #A7A7A7;
			color: #FFFFFF;
			padding: 10px;
			border-radius: 20px;
			width: 155px;
			border: 0px;
			margin-right: 7px}
		
		a:hover{
			color: darkorange;}
		
		input:focus,textarea:focus{
			background:#FFFED2}
			
		.contact h2 {
			border-top:solid #333333;
			border-bottom: solid #333333;}	
			
		p[alt="author"]{
			text-align: center;
			font-style: italic;
			font-size: 13px}