* {
  box-sizing: border-box;
}
html,
body {
	height: 100%;
}
body {
	margin: 0 auto;
	font-family: "Gerogia", serif;
}
nav, section {
	margin-bottom: 60vh;
}

nav {
	position: relative;
}

a{
	color: black;
	text-decoration: none;
}
#theory{
	color: blue;
	text-decoration: underline;
}
#fa, #me, #di, #pa, #al, #iv{
	position: absolute;
	font-size: 3vw;
}

#pa{
	left:13%;
	top:20%;
}
#me{
	left:40%;
	top:10%;
}
#di{
	left:73%;
	top: 30%;
}
#fa{
	left:6%;
	top:85%;
}

#al{
	left: 44%;
	top:87%;
}
#iv{
	left:80%;
	top:80%;
}

#buttons{
	width: 100%;
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}

#spoonsSection{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-gap: 10px;
}
#pull{
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	max-width: 400px;
}
#spoontext{
	grid-column: 2;
	grid-row: 1;
	padding-top: 30px;
	padding-right: 30px;
}


#painSection p {
	margin: 2% 20%;
	font-size: 18px;
}

#painSection h5{
	font-size: 25px;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 2%;
	margin-top:2%;
	text-align: center;
}
#painSection ol{
	margin: auto 20%;
}

#nonum{
	list-style-type: circle;
	font-size: 15px;
}

#num{
	font-size: 20px;
	list-style-type: decimal;
}


#fatheader, #mentheader, #allergyheader, #painheader{
	max-width: 500px;
	margin: 0 auto;
	display: block;
}

#fatiguetext, #mentaltext{
	margin: 8px 20% 8px 20%;
}
#fatiguetext2{
	margin: auto 25% 8px 25%;
}

#mentaltext{
	text-indent: 30px;
}


#allergytext{
	margin: 8px 20% 8px 20%;
	text-indent: 30px;
}