/* 

Rachel J. Lee

*/

/* to set general font styles across the entire site, do it here. this will help ensure consistency */
body {
	font-family: Helvetica;
	background: red;
	color: white;


}

header {
	display: block;
	border: solid black 3px;
	padding: 2%;
	box-shadow: -10px 10px 0px 1px;
}


/* to set font styles on specific elements, do it like this. you will now overwrite the styles set on the body */
p {  
	font-family: Helvetica;
	margin-bottom: 1em;
}


h1 {
	font-size: 350%;

}

h2 {
	font-size: 200%;
}

h3 {
	font-style: italic;
}

button {

	color: red;
	
}

/* style your links */
a:link { 
	color: red;
	font-size: 150%;

}

a:visited {
	color: red;

}

a:hover {
	font-style: italic;

}

a:active {
	color: yellow;

}

.back {
	font-size: 50%;
}

/* you can style your elements however you'd like. I'm adding a border so we can see them */
iframe {
	border: solid red 3px;
	width: 100%;
	height: 500px;
}

pre {
	border: solid red 1px;
	max-width: 50%;

}

/* max-width: 100%; will prevent an element from extending beyond the page boundaries */
img {
	max-width: 100%;
}



/* CONTAINERS
---------- */
/* why we use wrappers, here: http://stackoverflow.com/a/5275428 */
.wrapper {
	margin: 20px auto;
	max-width: 90%;
}