/* 

Your Name

*/

/* to set general font styles across the entire site, do it here. this will help ensure consistency */
body {
	font-family: 'Roboto Condensed', sans-serif; 
	background-color: rgb(210, 221, 239);
}

header {
	display: block;
	border: dashed white 4px;
	padding: 2%;
	box-shadow: 10px 17px 30px -10px;
	background-color: rgb(135, 187, 255);

}

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

h1 {
	font-size: 300%;
	color: white;
/*	text-shadow: 6px 6px 6px #aaa;*/
}


h2 {
	font-size: 200%;
	color: rgb(105, 119, 142);
}

h3 {
	font-size: 125%;
	color: rgb(74, 85, 104);
}

h4 {
	font-size: 150%;
	font-style: italic;

}

h5 {
	border: dashed white 2px; 
	background-color: rgb(195, 193, 255);
	padding: 1%;
	font-size: 150%;
		box-shadow: 10px 17px 30px -10px;

}

/* style your links */
a:link { 

}

a:visited {

}

a:hover {

}

a:active {

}

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

pre {
	border: solid blue 1px;
}

/* 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: 30px auto;
	max-width: 90%;
}