/*	Iat 235 Main CSS sheet, Josh Cheng, Jasmyn Marasigan, Mimi Tsai */

body, htlm {			/* set size to full, set min*/
	height: 100%;
	min-width: 16rem;
}

nav a {				/* set navigation to full */
	width: 100%;
}

article {				/* Edit text stuff, align, size, spacing*/
	text-align: left;
	margin: 1rem 0; 
	padding: 0rem/* 1rem 1rem 1rem*/; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10%;
}

nav a, nav a:visited {			/* Edit clickable stuff, transitions, hover, etc */
	display: inline-block;
	background-color: #1569C7;
	color: #FBB117;
	padding: 1em 1.25em;
	text-decoration: none;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}


nav a.home{					/* background color for buttons*/
	background-color: #151B54;
}

nav a.back{
	background-color: #151B54;
	
	
}


nav a.orange {
	background-color: orange;
}


nav a:hover, nav a:active, nav a:focus {			/* color for hover, active, focus */
	background-color: #FBB117;
	color: white;
}

@font-face{									/* downloadable font*/
	font-family:GD-font;
	src: url('DINPro-Regular.ttf');
}

body {							/* Customize body, text size, background, color, etc*/
	height: 100%;
	background-image: url('../images/roadtrip.png');
	background-repeat:no-repeat;
	background-position:center top;
	font-family: DG-font, Verdana, sans-serif;
	font-size: 1em; 
	color: #C68E17;
	padding: 0em;
	max-width: 100%;
	margin-left: 0%;
	text-align: left;
	
	
}

h1 {							/* header 1*/
	font-size: 2.5rem;
	margin-left: 0px;
	padding-left: 10%;
	padding-right: 1rem;
	font-weight:normal;
}


h2 {							/* header 2*/
	font-weight: normal;
	font-size: 1rem; 
	padding-left: 10%;
}

p, ul, ol {					/* same setting for these classes*/
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.3em; 
	padding-left: 10%;
	color: white;
}

ul{							/* font size*/
	font-size: 0.8rem;
}

img {						/* image sizing*/
	height: auto; 
	width: auto;
	max-width: 100%;
	border: 1px solid #888888; 
}

figure {						/* figure positioning*/
	margin-left: 10%;
	width: 60%;
	padding-top: 2%;
}


figcaption {					/* caption text sizing*/
	font-size: 0.8rem;
	font-style: italic;
}

p{							/* padding stuff for text*/
	padding-bottom: 5rem;
	padding-right: 1rem;
}

.cars{						/* padding for cars*/
	padding-bottom: 1rem;

}

.instructions {				/* text stuff for instructions*/
	padding-bottom: 1rem;
	padding-top: 3rem;
	color: #3BB9FF;
}

a {							/* button style*/
	color: #C68E17; 
	border: 1px solid black;
	border-radius:20px;
}


a:visited {					
	color: #8968CD;
}


a:active, a:hover {
	color: #C68E17; 
	text-decoration: none;
}

i{							/* text style*/
	color: #C68E17;
	font-style: normal;
	
}