/* main content location */
* {
		background: black;
		color: lightgreen;
}

#containseverything {
		margin-bottom: 150px;
		margin-top: 10%;
		width: 840px;
		margin-left: auto;
		margin-right: auto;
		display: flex;

}
#heading {
		width: 840px;
		margin-left: auto;
		margin-right: auto;
}

#maincontent {
		width: 840px;
		flex: 2;
}

aside {
		flex: 1;
		width: 240px;
		margin-right: 10px;
		margin-left: auto;
}


#footer {
	position: fixed;
	bottom: 0px;
	background: black;
	text-align: center;
	width: 100%;
}

#footertext {
	font-family: monospace;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-bottom: 4px;
}

@keyframes "toomanybuttons" {
		0% {
		  translate: 900px 0;
		}
		98% {
		  translate: -4276px 0;
		}
		100% {
		  translate: 900px 0;
		}
}

#toomanybuttonscontainer {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;

}

#toomanybuttons {
		width: 4576px;
		animation-duration: 120s;
		animation-name: "toomanybuttons";
		animation-iteration-count: infinite;
		animation-timing-function: linear;
}

img .eighteightthreeone {
		margin: 2 2 2 2;
}

/* fonts */
@font-face {
  font-family: 'DroplineRegular';
  src: URL('fonts/DroplineRegular-Wpegz-converted.ttf') format('truetype');
}

@font-face {
  font-family: 'CodeSquared';
  src: URL('fonts/Code-Squared.ttf') format('truetype');
}

* {
/*		font-family: 'DroplineRegular'; */
		font-family: Sans;
		font-size: large;
}

h1 {
  font-family: 'CodeSquared';
  font-size: x-large;
}

h2 {
  font-family: 'CodeSquared';
  font-size: large;
}