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,255),rgb(255,224,255),rgb(255,216,255),rgb(255,208,255),rgb(255,200,255),rgb(255,192,255),rgb(255,224,255));
    color:#000000;
	border:2px outset #fcf;
	font-size:8px;
}
td:hover {
	background:linear-gradient(to top,rgb(255,128,255),rgb(255,192,255),rgb(248,176,248),rgb(240,160,240),rgb(232,144,232),rgb(224,128,224),rgb(255,192,255));
	color:#848;
	border:2px inset #c8c;
}
table {
	background-color:#fef;
	border:2px outset #fcf;
	width:664px;
	margin:-8px;
	padding:2px;
}
table:hover {
	background-color:#fcf;
	border:2px inset #c8c;
	width:660px;
}
.link {
	color:#0000ff;
}
.link:hover {
	color:#ff0000;
}
.buttontop {
	background:linear-gradient(to top,rgb(255,224,255),rgb(255,240,255),rgb(255,236,255),rgb(255,232,255),rgb(255,228,255),rgb(255,224,255),rgb(255,240,255));
	border:2px outset #fcf;
	font-family:comic sans ms;
	font-size:16px;
	width:128px;
	border-radius:4px;
}
.buttontop:hover {
	border:2px inset #c8c;
	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,255),rgb(255,224,255),rgb(255,216,255),rgb(255,208,255),rgb(255,200,255),rgb(255,192,255),rgb(255,224,255));
	border:2px outset #fcf;
	border-radius:0px 0px 16px 16px;
}
#TOP:hover {
	background:linear-gradient(to top,rgb(255,128,255),rgb(255,192,255),rgb(248,176,248),rgb(240,160,240),rgb(232,144,232),rgb(224,128,224),rgb(255,192,255));
	border:2px inset #c8c;
	width:396px;
    top:0;
}