/* 

Project Name: Cookie Monster 
Client: Cookie Monster
Author: Chris Castiglione | www.twitter.com/castig 
Developed @ General Assembly in NYC

*/

body {
	background: url('../images/cookie-monster.jpg');
}

body {
	/* set up a background image */
	
	
	/* the follow is the code to have the image display as a full page */
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: cover; /* the next 3 lines are "browser prefixes", they are necessary to include for CSS3 techniques */
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

h1 {
	font-size: 80px;
}

h2 {
	background: #6EB9EB;
	color: #000000;
	border-radius: 5px;
	padding: 5px;
}

a {
	color: #6EB9EB;
	text-decoration: none;
}

	a:hover {
		color: red;
	}

/* can also do a:visited  OR  a:hover, a:visted.  
These are called pseudo classes */

#container {
	background: #000000;
	color: #FFFFFF;
	width: 440px;
	padding: 15px;
	opacity: .8;
	border-radius: 0 0 15px 0;
}