/* base index */
body {
	background-color: black;
	color: #32cd32;
	color-scheme: only dark;
	font-family: serif;
	justify-content: center;
	display: flex;
	
	margin: 0;
	padding: 0;
}

hr {
	color: yellow;
}
			
.box {
	margin: 8px 15%;
	padding: 0% 2.5%;
	background-color: black;
	border: medium solid yellow;
	text-align: center;
	line-height: 0.5;
}

.trans {
	position: fixed;
	background-color: rgb(0 0 0 / 0.25);
	width: 99vw;
	height: 99vh;
	
	display: none; /* flex usually */
	justify-content: center;
	align-items: center;
}

.infoBox {
	margin: 0% 15%;
	padding: 0% 0.5%;
	background-color: black;
	border: medium solid yellow;
	line-height: 0.5;
}

.lineHeight {
	line-height: 1;
}

/* link styling */

a:hover {
	color: gold;
}

a:link {
	color: #0000ff;
}

a:visited{
	color: #ff0000;
}

a:active {
	color: #800080;
}