body {
	background-color: #3B89F3;
	/* dark blue on the around the main*/
}


/*main is where the text goes */

.main {
	width: 70%;
	margin: 0 auto;
	background-color: #73ACF9;
	/*light blue on the main*/
	border-color: #FFFFFF;
	/*white border added to main*/
	border-style: solid;
	/* i wanted a solid border on my main*/
}

.font {
	font-family: 'Kirang Haerang', cursive;
	/* I wanted 2 types of fonts */
	font-family: 'Merienda', cursive;
	font-size: 17px;
	padding: 30px;
}

img {
	border-radius: 25px;
}

.navbar {
	background: linear-gradient(to bottom, #ffffff 0%, #3B89F3 100%);
	/* dark blue */
}


/*normal links in navbar */

.navbar-default .navbar-nav>li {
	color: #FFFFFF;   
	font-weight: bold;
}

.right {
	float: right;
	/*my image of mountain will float right*/
	width: 300px;
	padding: 1px;
}

.left {
	float: left;
	/*some image of mountain will float left*/
	width: 300px;
	padding: 1px;
}

footer {
	color: #ffffff;
	/*the text in the footer is white on black background*/
	text-align: right;
	padding: 10px;
	padding-right: 50px;
	background-color: #000000;
	/*my footer background is black*/
}