Emulate the look and feel of a manpage

manpage.css

::-webkit-scrollbar {
	width: 5px;
	height: 1px;
	color: black
}
::-webkit-scrollbar-thumb {
	background: white
}
::-webkit-scrollbar-thumb:hover {
	color: darkgrey;
}

*{
	font-family: 'Roboto Mono', monospace;
	background: black;
	color: white;
}
hr{
	color: white;
}
html{
	display: grid;
	grid-template-columns: 0.5fr 800px 0.5fr;
	grid-template-rows: 100vh;
	width: 100%;
	height: 100%;
}
body{
	display: grid;
	grid-area: 1/2/1/3;
	width: 100%;
}
footer{
	background: rgb(236, 236, 236);
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	position: fixed;
	bottom: 0px;
	font-weight: 600;
}

#scroll-percent{
	background: rgb(236, 236, 236);
	color: black;
}

@media (max-width: 425px) {
}