* {
    background: black;
}
.index h1 {
    color: #222;
    font-family: times, serif;
    font-size: 90px;
    margin-top: 100px;
    margin-left: 200px;
}
.index p {
    color: #090909;
    font-family: arial,verdana,sans-serif;
    font-size: 30px;
    margin-left: 200px;
}

.index h2 {
	color: #444;
    font-family: arial,verdana,sans-serif;
}

.useful {
    font-family: arial,verdana,sans-serif;
}

.useful a {
	color: #666;
}


.json * {
	font-family: arial,verdana,sans-serif;
	color: #eee;
}

.json textarea {
	background: #333;
	font-family: fixed;
	width: 95vw;
	height: 50vh;
}

.json td {
	vertical-align: top;
}

.json button {
	background-color: #222;
}

.json #rendered {
	padding-top: 1em;
}

.json table {
	border-collapse: collapse;
	padding: 2px;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #555;
}

.json td.key {
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #777;
	background-color: #111;
	padding: 0.2em;
	cursor: pointer;
}
.json td.value {
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #777;
	background-color: #222;
	padding: 0.2em;
}
.json span.unknown, .json span.undefined {
	background-color: #111;
}

.json .hidden table,
.json .hidden span {
	display: none;
}
.json .hidden::after {
	content: "(hidden)";
}