html, body {
  height: 100%;
  margin: 0;
  background-color: #1a1a1a;
  font-family: 'Noto Sans', sans-serif;
  color: grey;
  font-size: 1em;
}
a:link {
  color: white;
  text-decoration: none;
  transition-duration: 0.2s;
}
a:visited {
  color: white;
}
a:hover {
  color: yellowgreen;
}
a:active {
  color: white;
}
.hidden {
  display: none;
}
.header {
  letter-spacing: 5px;
}
.header h1 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.footer {
  font-size: 0.7em;
  position: fixed;
  bottom: 15px;
  left: 0;
  right: 0;
  text-align: center;
}
.center_vh {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.center_h {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#index_content {
  /*opacity: 0;*/
  /*transition: opacity 1s ease-in-out;*/
}
#index_content_bg {
  width: 400px;
  height: 400px;
  background-color: white;
}
#index_random_button {
  background: none;
	border: none;
	color: WhiteSmoke;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 5px;
	text-decoration: none;
	transition-duration: 0.2s;
	cursor: pointer;
  padding: 20px;
}
#index_random_button:hover {
  color: yellowgreen;
}
#index_random_button:active {
  color: white;
}
#index_content_monkey {
	outline: 3px solid #1a1a1a;
	/*position: relative;*/
	/*cursor: pointer;*/
	/*z-index: 2;*/
	/*opacity: 0;*/
  /*transition: opacity 1s ease-in-out;*/
}
#index_content_monkey:hover {
	outline: 3px solid white;
}
/*#index_content_monkey:active {
	outline: 3px solid greenyellow;
}*/