@charset "utf-8";
/* CSS Document Date: 8 October 2023 */



/* Element Selector*/

body {
			background-color:azure;
			background: url("image/bg4.jpeg") no-repeat fixed;
			background-attachment: fixed;
		    padding: 0;
			margin: 50px;
		}

p,ul,ol {
	font-family: 'Onest', sans-serif;
	font-family: 'Roboto', sans-serif;
}


h1,h2,h3 {
	font-family: 'Onest', sans-serif;
	font-family: 'Roboto', sans-serif;
	
}

h1, h2 {
	color:#985997;
}

h3 {
	color:#B25AA8;
}

/* Class Selector*/

.nav-link {
	text-decoration: none;
	color:#D220BE;
}

.list {
	list-style:square;
}

.list2 {
	list-style:armenian;
}

.list2 li {
	margin-bottom: 10px;
}

/* ID Selector*/
#ingredients {
	font-weight:bolder;
	color: #87148C;
}

#cookinginstructions {
	font-weight:bolder;
	color: #87148C;
}

/* Decendant Selector*/

header ul li {
	display: inline;
	margin-right: 20px;
}

/* Child Selector */

ul.list > li {
	font-style:oblique;
}

ul.list2 > li {
	font-style:oblique;
}

/* Attribute Selector */
input[type="text"] {
	border: 1px solid #923A8D;
	background:#E3C7E4;
}

/* Pseudo-Class Selector */
a:hover {
	text-decoration: underline;
	color:cornflowerblue;
}

/* Pseudo-Element Selector */
p::first-letter {
	font-weight:bold;
	font-size: 20px;
}
p{
	text-indent: 30px;
}