.clearfix::after
{
	content: "";
	clear: both;
	display: table;
	
}


:root {
	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
nav {

	display: flex;
	justify-content: space-between;
}
body {
	color: #ffffff;
}
p {
	color: #ffffff;
	margin: 1%;
	font-family:  "Sans", "Helvetica Neue", sans-serif;
	font-size: 0.9em;
}
nav a {
	margin: 1%;
}
a {
	color: #ffffff;
	font-family:  "Sans", "Helvetica Neue", sans-serif;
	font-size: 0.9em;
}
ul {
	color: #ffffff;
	margin: 4%;
	padding: 0;
	list-style: square;
}

.creditsimg {
	border-radius:8px;
	width: 100px;
	height: 100px;
	display: ruby-base-container;
}
.credits {
	white-space: nowrap;
}

h1 {
	color: #ffffff;
	margin: auto;
	text-align: center;
	font-size: 40px;
}
h4 {
	color: #ffffff;
	margin: auto;
	text-align: center;
	font-size: 22px;
}
h3 {
	color: #ffffff;
	margin: auto;
	text-align: center;
}

main {
	min-height: 0px;
	justify-content: center;
	font-size: medium;
	
	
}
body {
	font-family: "Lora","Courier New",monospace,serif;
	font-weight: 700;
	background-color: #000000;
	text-align: center;
	#background-image: url("baby1.gif");
}


a:hover {
  background-color: #8E8E8E;
  color: white;
}

#center {
	display: inline;
}
#evil::marker {
	color: red;
	font-size: 23px;
}
#good::marker {
	color: rgb(78, 255, 84);
	font-size: 23px;
}
#neutral::marker {
	color: rgb(198, 198, 198);
	font-size: 23px;
}
footer
{
	background-color: #000000;
	box-shadow: 2px 2px 3px;
	width: 100%;

}
img {
	width: 25%;
	height: 25%;
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
#moving
{
	position: relative;
	animation: footer 5s infinite;
	min-height: 25px;
	text-align: center;
	overflow:hidden;
}

@keyframes test2 {
  0% {padding: 0%;}
  25% {padding: 25%;}
  50% {padding: 50%;}
  60% {padding: 75%;}
  75% {padding: 100%;}
  100% {padding: 500%;}
}

@keyframes reappear {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
main section
{

	min-height: 150px;
	box-shadow: 2px 2px 3px;
	background-color: rgb(0, 0, 0);
	border: .5vw solid white;

}
html {
	max-width: 100%;
	overflow-x: hidden;
}
button
{

	justify-content: space-between;
}
h2
{
	font-size:25px;
	text-align: center;
}

main aside
{
	min-height: 300px;
	
	width: 20%;
	
}