* {
	-webkit-tap-highlight-color: rgba(48, 79, 136, 0);
	outline: none;
}

*::-moz-focus-inner {
	border: 0;
}

@font-face {
	font-family: 'KarmaSuture';
	src: url('/WhitePages/resources/KarmaSuture.ttf')  format('truetype');
}

html,
body {
	background: rgb(6 13 31);
	color: rgb(255 255 255);
	font-family: KarmaSuture, sans-serif;
	min-height: 100vh;
	margin: 0;
	width: 100vw;
}

a {
	color: rgb(255 255 255);
}

[aria-hidden="true"] {
	visibility: hidden;
}

[aria-hidden="false"] {
	visibility: visible;
}

#ransome {
	background: transparent url('../img/ransome.png') 50% 0 no-repeat;
	/* min-height: 200px; */
	/* left: 50%; */
	/* position: fixed; */
	margin: 80px auto 30px;
	position: relative;
	text-align: center;
	/* top: 50%; */
	/* transform: translate(-50%, -50%); */
	max-width: 620px;
}

	#ransome > img {
		left: calc(50% - 19px);
		position: absolute;
		top: 68px;
	}
	
h1 {
	font-size: 16px;
	margin: 0;
	padding: 200px 0 0;
}

p {
	margin: 15px auto;
	width: 120px;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

ul {
	display: grid;
	grid-template-columns: repeat(2, 50%);
	margin: 50px 20px 0;
}

ul a {
	display: block;
	height: calc(100% - 18px);
	padding: 10px 20px;
	text-decoration: none;
}

ul a:hover {
	background: rgb(255 255 255 / 20%);
}

ul a > strong { text-decoration: underline; }