html {
	width: 768px;
	margin: auto;
}
body {
	margin: 0;
}
#banner {
	width: 100%;
}

table {
   white-space: nowrap;
   width: 100%;
}
table pre {
   padding: 0;
   margin: 0;
}
th {
   padding: 0 1rem 0 0.5rem;
   background-color: #bbb;
}
td {
padding: 0 0.5rem 0 0.5rem;
   padding: 2px;
}
table tr:nth-child(odd) td {
   background-color: #eee;
}
table tr:nth-child(even) td {
   background-color: #ccc;
}

code {
	user-select: all;
	display: block;
	max-width: 500px;
	padding: 8px 0px 10px 15px;
	margin: 10px 0;
	white-space: pre;
	overflow-x: auto;
	/* width: 100%; */
}

li {
	margin-bottom: 6px;
}
#nick {
	position: absolute;
	width:0;
	height:0;
	margin:0;
	padding:0;
	border:none;
}
input[type=text] {
	width: 95%;
}

@media(max-width:768px) {
	html {
		width: 100%;
	}
	body {
		margin: 10px;
	}
	code {
		max-width: 250px;
	}
	table {
		width: 100%;
		/* table-layout: fixed; */
	}
	/* GUESS I'LL FIX IT LATER */
	/* tr th:nth-child(1) { */
	/* 	width: 48px; */
	/* } */
}