body {
	font-family:courier;
	font-size:6px;
}
.title {
	font-size:16px;
	color:#ff0000;
}
.title:hover {
	color:#00ffff;
}
.video {
	width:320px;
	background:#000;
}
.video:hover {
	background:#000;
}
td {
	background:linear-gradient(to top,rgb(255,192,192),rgb(255,224,224),rgb(255,216,216),rgb(255,208,208),rgb(255,200,200),rgb(255,192,192),rgb(255,224,224));
    color:#000000;
	border:2px outset #fcc;
	font-size:8px;
}
td:hover {
	background:linear-gradient(to top,rgb(255,128,128),rgb(255,192,192),rgb(248,176,176),rgb(240,160,160),rgb(232,144,144),rgb(224,128,128),rgb(255,192,192));
	color:#844;
	border:2px inset #c88;
}
table {
	background-color:#fee;
	border:2px outset #fcc;
	width:664px;
	margin:-8px;
	padding:2px;
}
table:hover {
	background-color:#fcc;
	border:2px inset #c88;
	width:660px;
}
.link {
	color:#00f;
}
.link:hover {
	color:#f00;
}
.buttontop {
	background:linear-gradient(to top,rgb(255,224,224),rgb(255,240,240),rgb(255,236,236),rgb(255,232,232),rgb(255,228,228),rgb(255,224,224),rgb(255,240,240));
	border:2px outset #fcc;
	font-family:comic sans ms;
	font-size:16px;
	width:128px;
	border-radius:4px;
}
.buttontop:hover {
	border:2px inset #c88;
	font-size:15px;
	width:124px;
}
#TOP {
	position:fixed;
    top:0;
    left:50%;
    width:400px;
	height:32px;
    z-index:1000;
    display:flex;
    justify-content:center;
    align-items:center;
	transform:translateX(-50%);
	background:linear-gradient(to top,rgb(255,192,192),rgb(255,224,224),rgb(255,216,216),rgb(255,208,208),rgb(255,200,200),rgb(255,192,192),rgb(255,224,224));
	border:2px outset #fcc;
	border-radius:0px 0px 16px 16px;
}
#TOP:hover {
	background:linear-gradient(to top,rgb(255,128,128),rgb(255,192,192),rgb(248,176,176),rgb(240,160,160),rgb(232,144,144),rgb(224,128,128),rgb(255,192,192));
	border:2px inset #c88;
	width:396px;
    top:0;
}