/* 

Dahee Choi

*/

@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
@import url('https://fonts.googleapis.com/css?family=Kalam');


h1 {
	font-family: 'Permanent Marker', cursive;
	margin-left: 5%;
	margin-bottom: 3%;
}
/* to set general font styles across the entire site, do it here. this will help ensure consistency */
body {
	font-family: sans-serif;
	background: url(../images/texture.jpg);
	opacity: 50%;
	background-size: 30%;
	font-family: 'Kalam', cursive;
}

/* to set font styles on specific elements, do it like this. you will now overwrite the styles set on the body */
p {  
	font-family: serif;
	margin-bottom: 1em;
	margin-left: 8%;
	line-height: 20px;
}

li {
	margin-left: 10%;
}

/* style your links */
a:link { 
	text-decoration: none;
	color: purple;

}

a:visited {
	color: green;
}

a:hover {
	color: red;

}

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: 80%;
	height: 200px;
	margin-left: 10%;
}

pre {
	border: solid blue 1px;
	margin-left: 10%;
	width: 80%;
}

/* 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%;
}