body {
	background:linear-gradient(to top,#4808,#8f08,#7e08);
	background-attachment:fixed;
	font-family:courier;
	color:#fff;
	font-size:12px;
}
#TOP {
	position:fixed;
	margin:-10px;
	width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
	background:linear-gradient(#88fc,#44fc);
	border:2px outset #88f;
}
#TOP:hover {
	background:linear-gradient(#44fc,#00fc);
	border:2px inset #00f;
}
.title {
	color:#fff;
}
.title:hover {
	color:#ff0;
}
hr {
	display:inline-block;
	margin:0 16px 0 16px;
	background:#fff;
}
table {
	min-width:240px;
	max-width:480px;
	background:#000;
	padding:2px;
	border:1px outset #fff;
}
td {
	background:#444;
	border:1px outset #fff;
}
td:hover {
	background:#222;
	border:1px inset #888;
}
a {
	color:#08f;
}
a:hover {
	color:#0ff;
}
.time {
	font-size:10px;
	color:#f00;
}
.time:hover {
	color:#f80;
}
.user {
	color:#080;
}
.user:hover {
	color:#0f0;
}
img {
	width:95%;
	margin:auto;
	display:flex;
	border:2px outset #fff8;
}
img:hover {
	border:2px ridge #8888;
}