body {
	width: 100%;
	height: 100%;
	background-color: #D1BFA3;
	font-family: "Gill Sans", sans-serif;
	justify-content: center;
	font-weight: 550;
}


details {
	background-color: #FFF5E7;
	border-radius: 4px;
	padding: 0.5em 0.5em 0;
	position: sticky;
	top: anchor(top);
}

summary {
	background-color: #A18458;
	font-weight: bold;
	font-size: 48px;
	margin: -0.5em -0.5em 0;
	padding: 0.5em;
	text-align: center;
}

details[open] {
	background-color: #FFF5E7;
	padding: 0.5em;
	font-size: 32px;
	box-shadow: 5px 5px 10px 2px rgb(0 0 0 / 0.8);
}

details[open] summary {
	background-color: #A18458;
	margin-bottom: 0.5em;
}

#sidenav {
	background-color: #D1BFA3;
	list-style: none;
	padding: 10px;
	width: 90%;
}

#sidenav:hover {
	border: solid 3px #A18458;
	background-color: #D1BFA3;
}

.EndPage { 
	justify-content: center;
	text-align: center;
	font-family: "Gill Sans", sans-serif;
}

#albie2 {
	width: 75%;
}

.fur {
	animation: myAnim 2s ease 0s infinite normal forwards;
}

@keyframes myAnim {
	0%,
	100% {
		transform: rotate(0deg);
		transform-origin: 50% 50%;
	}

	10% {
		transform: rotate(8deg);
	}

	20%,
	40%,
	60% {
		transform: rotate(-10deg);
	}

	30%,
	50%,
	70% {
		transform: rotate(10deg);
	}

	80% {
		transform: rotate(-8deg);
	}

	90% {
		transform: rotate(8deg);
	}
}

#return{ 
	justify-content: center;
	width: 75%;
	font-family: "American Typewriter", serif;
	font-size: 70px;
	font-weight: bold;
	letter-spacing: 5px;
	background-color: #A18458;
	padding: 8px;
}

#return:hover { 
	color: white;
}

h1 {
	font-size: 42px;
}

h2 {
	font-size: 32px;
}

a, a:hover,a:focus, a:active {
	text-decoration: none;
	color: inherit;
}

button, button:hover, button:focus, button:active {
	text-decoration: none;
	color: inherit;
}

#back {
 	font-size: 30px;
}