html, body{
	margin:0%;
	min-height:100%;
	font-family:"Architects Daughter";
	background-color:#1d1f4a;
background: rgb(247,226,190);
background: linear-gradient(0deg, rgba(247,226,190,1) 0%, rgba(154,143,141,1) 0%, rgba(29,31,74,1) 66%);
}

.bg{
	background-size:cover;
	background-repeat:no-repeat;
	height:100%;
	background-position:center;
}

#wrapper{
	margin:0 auto;
	width:60%;
	color:none;
	font-family:"Architects Daughter";
}

/*the design for the navigation button only- from class*/
.dropbtn{
	background-color:#F9D69A;
	color:#1d1f4a;
	padding:20%;
	font-size:16px;
	width:160px;
	border:none;
	cursor:pointer;
}

/*this is specific to the entire div*/
.dropdown{
	position:relative;
	display:inline-block;
}

/*the links from the dropdown.*/
.dropdown-content{
	display:none;
	position:absolute;
	background-color:#3A3D77;
	min-width:100px;
	z-index:1;
}

/*actually show the linsk when hovered over*/
.dropdown:hover .dropdown-content{
	display:block;
}

/*changes the color of button when hovered over*/
.dropdown-cotent a:hover{
	background-color:#F9D69A;
}

/*style the links*/
.dropdown-content a{
	color:#404492;
	padding:12px 16px;
	text-decoration:none;
	display:block;
}

/*change the style of background of button*/
.dropdown:hover .dropbtn{
	background-color:#F5C066;
}



#btns{
	padding:10px;
	text-decoration: none;
	display:inline-block;
	text-align: center;
	color:#f2c26f;
	border-radius:0px;
}

h1{
	color:#f7e2be;
	text-align:center;
}

h2{
	color:#f7e2be;
}

p{
	color:#f7e2be;
	font-size:14pt;
}

a{
	color:#f5c87a;
	font-size:14pt;
	font-family:"Architects Daughter",sans-serif;
}

a:link, a:visited{
	color:#f5c371;
	text-decoration:none;
}

a:active, a:hover{
	text-decoration:underline;
}

img{
	margin:0%;
	width:60%;
}