body{ /*Since body isn't a Class or ID, it doesn't need a . or #, it is just a tag for containing content.*/
	background-color:#FFFFF; /*This defines the background color of the entire page*/ 
	/*you can use this in any smaller container to color only that container*/
	/* You can use this to create universal rules for the entire webpage*/
}
header{
	background-color:pink; /*you don't have to use just hexcodes, but there is a limited number of word colors*/
	height: 100px; /*You can change the height of the the header*/
	text-align: center; /*You can change the text alignment too*/
	border-radius:15px; /*this can add curved edges to a container*/
}
h1{
	font-family: 'Trebuchet MS', sans-serif; /*This can change the font of the text, HTML has a preinstalled set of fonts, however you can import additional ones*/
	color: white; /*THis may seem confusing however color is used to change font color and that's it*/
	font-size: 75px; /*This changes the font size*/
	padding-top:10px; /*this can be used in any direction and adds in filler space in the specified area*/
}
#paragraph{
		background-color:white; /*This will color all things inside of the id container called paragraph, not just all paragraphs */
}

p{
	font-family:courier new; /*this is a different font, will effect all text inside the <p> tag.*/
}
h3{
	font-size: 55px; /*This changes the font size*/
	color: pink; /*font color*/
}
#image{
	border: 5px solid #555; /*defines the width of the border, style of border (can be dashed, dotted, solid),and color of border*/
	padding-left:20px; /*addsspacing between edge of border and edge of picture*/
}