html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

canvas {
	display: block;
	width: 100vw;
	height: 100vh;
}

.down-under {
	position: absolute;
	top: 100%;
}

#new-entry-link {
	position: absolute;
	bottom: 5%;
	left: 50%;
	color: white;
}

#page-num {
	position: absolute;
	top: 2%;
	left: 50%;
	color: white;
	background-color: black;
	font-size: 25px;
}

#center-page {
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: Georgia, serif;
	font-size: 25px;
	letter-spacing: 2px;
	word-spacing: 2px;
	color: #FF9300;
	font-weight: 700;
}

#previous-button {
	position: absolute;
	bottom: 5%;
	left: 5%;
}

#next-button {
	position: absolute;
	bottom: 5%;
	right: 5%;
}

button {
  background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
  color: black;
  font-size: 200px;
  transition: color 0.8s ease;
}

button:hover {
  color: white;
}

a {
	position: absolute;
}

#home-link {
	font-size: 25px;
	color: blue;
	top: 3%;
	left: 3%;
}

#toggle-button {
	position: absolute;
	top: 2%;
	right: 2%;
	color: white;
	background-color: black;
}

#toggle-button:hover {
	background-color: grey;
}