/*Jasmine Frye*/
/*Define The Mind Typology Stylesheet*/


* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	width: 80%;
	margin: 0px auto 10px;
	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 17px;
}

nav	{
	background-color: #3D3A47;
	font-weight: bold;
}		
nav a {
	border-radius: 15px;
	margin-right: 10px;
	padding: 5px 10px;
	text-decoration: none;
	font-family: Palatino, Georgia, serif;
	color: #FBB03F;
}		
nav a:hover {
	background-color: #FBB03F;
		border-radius: 15px;
		margin-right: 10px;
		padding: 5px 10px;
		text-decoration: none;
		font-family: Palatino, Georgia, serif;
		color: #FFFFFF;
		cursor: pointer;
}

header {
	margin-bottom: 0;
	padding-top: 20px;
	background-color: #3D3A47;
}

main {
	padding: 0% 10% 10% 10%;
	border: 10px solid #3D3A47;
	border-bottom-left-radius: 150px;
	border-bottom-right-radius: 150px;
	background-color: #FFFFFF;
	color: #3D3A47;
}

footer {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	font-family: Palatino, Georgia, serif;
	color: #3D3A47;
}	
footer a {color: #3D3A47;}
footer a:hover {
	color: #3AB54A;
	cursor: pointer;
}

	
h2,h3,h4,h5	{
	font-family: Palatino, Georgia, serif;
	color: #3AB54A;
}

ul li {
	display: inline;
	list-style-type: none;
	font-family: Palatino, Georgia, serif;
}	
ol li {
	padding-bottom: 5px;
	padding-top: 10px;
}

main a {
	text-decoration: none;
	color: #3D3A47;
}
main a:hover {
	text-decoration: none;
	color: #3AB54A;
	cursor: pointer;
}
	
dl {padding: 0px 50px 0px 0px;}
dt a {
	font-weight: bold;
	border-radius: 15px;
	padding: 5px 10px;
	background-color: #3AB54A;
	text-decoration: none;
	font-family: Palatino, Georgia, serif;
	color: #FFFFFF;
}
dt a:hover {
	font-weight: bold;
	border-radius: 15px;
	padding: 5px 10px;
	background-color: #FBB03F;
	text-decoration: none;
	font-family: Palatino, Georgia, serif;
	color: #FFFFFF;
	cursor: pointer;
}		
dd {margin: 20px 75px 20px 0px;}


.stick	{position: sticky;
		top: 0px;
		z-index: 1;}

.center	{display: flex;
		justify-content: center;}
		
.shadow	{box-shadow: 5px 5px 5px #FBB03F;
		border-bottom-left-radius: 150px;
		border-bottom-right-radius: 150px;}
		
.jumpto	{margin-bottom: 10px;
		border-top: 2px solid #3D3A47;
		border-bottom: 2px solid #3D3A47;
		background-color: #FFFFFF;
		position: sticky;
		top: 50px;
		font-size: 95%;}
		
.title	{color: #3AB54A}
.spacebetween	{justify-content: space-around;}

@media	(max-width: 750px){
		body	{width: 90%;}
		main	{border-bottom-left-radius: 100px;
				border-bottom-right-radius: 100px;}
		.shadow	{border-bottom-left-radius: 100px;
				border-bottom-right-radius: 100px;}
		.center	{flex-direction: column;
				align-items: center;}
		}