/* Example Css Selector
selector (html target) {
	property: value; 
	property: value;
	property: value;
	font-family: "font name"
	font-size: font size pxz, %, ems, sw; ems most accessible
	font-style: for such things as italics
	font-weight: # for font weight, bold, italic,etc.
	text-decoration: text effects such as underline,			strikethrough
	color: #XXXXXX; (with X being the hex value)
				 rgb(red value, green value, blue value);
	background-color
	content division (div): can be used to control text  	 and style within a certian box
	border: create a border around the current tags box
	padding: adds space between the content and the 			border.
	margin: sets space between the box and other elemets 	 of the page. can also specify which area to modify
	
	When inputting for these two, adding more # affects 	different margins; 1 = all 2 = top/bottom 				     left/right 3= top left/right botom 4= top right 		     bottom left

	#id-name{
		all styles and text rules
	}
	.class-name{
	all styles and text rules
}
}
*/
h1 {
  color: blue;
  font-family: "Arial";
  text-decoration: underline red 2px
}
h2 {
	color: darkblue;
}
p {
	font-family: "Arial"; 
  font-size: 1em;
}
li{
  font-family: "Franklin Gothic Medium"
}