body {
	background:linear-gradient(to top,#8608,#fc08 5%,#c908 95%,#fe88);
	background-attachment:fixed;
	font-family:courier;
}
.title1 {
	text-shadow:2px 2px 4px rgba(64,32,0,1);
	font-family:arial;
	font-size:48px;
	margin:-4px;
}
.title2 {
	font-family:arial;
	font-size:32px;
	margin:-4px;
}
.title3 {
	font-family:arial;
	font-size:24px;
	margin:-4px;
}
#TOP {
	position:fixed;
	top:0;
	left:50%;
	padding:4px;
	z-index:1000;
	display:flex;
	min-width:960px;
	max-width:1440px;
	width:100%;
	transform:translateX(-50%);
	background:linear-gradient(to top, #c808, #fc08);
	border:2px outset #fc0;
	border-radius:4px 4px 32px 32px;
	box-sizing:border-box;
	box-shadow: 0 0 4px 2px #420;
}
#TOP:hover {
	background:linear-gradient(to top, #8408, #c808);
	box-shadow: inset 0 0 2px rgba(128,64,0,1);
	border:2px inset #840;
}
.Ptop {
	justify-content:center;
	display:flex;
	width:100%;
	box-sizing:border-box;
}
.MC {
    position:relative;
    display:inline-block;
}
#Btop:hover .MC {
	transform:translate(2px, 2px);
}
#BtopH:hover .MC {
	transform:translate(2px, 2px);
}
#Btop {
	background:linear-gradient(to top,#fe8,#fc0 50%,#fe8 50%,#fff);
	border:2px outset #fc0;
	font-family:comic sans ms;
	font-size:18px;
	color:#f00;
	width:17.5%;
}
#Btop:hover {
	background:linear-gradient(to top,#fc0,#860 50%,#fc0 50%,#fe8);
	color:#ff0;
	border:2px inset #c90;
}
#BtopH {
	background:linear-gradient(to top,#8cf,#08f 50%,#8cf 50%,#fff);
	border:2px outset #08f;
	font-family:courier;
	font-size:24px;
	color:#ff0;
	width:15%;
}
#BtopH:hover {
	background:linear-gradient(to top,#08f,#048 50%,#08f 50%,#8cf);
	color:#fff;
	border:2px inset #06c;
}
.BtopC {
	border-radius:32px;
}
.Btop {
	border-radius:4px;
}
.BtopL {
	border-radius:4px 4px 4px 32px;
}
.BtopR {
	border-radius:4px 4px 32px 4px;
}
.table {
	box-shadow:2px 2px 4px #000,inset 2px 2px 4px rgba(255,255,255,0.5),inset -2px -2px 4px rgba(0,0,0,0.25);
	background:linear-gradient(to top,#8608,#fc08,#ea08);
	border-radius:0px 0px 16px 16px;
	border:2px outset #fc0;
	margin-top:-2px;
	width:960px;
}
.table:hover {
	box-shadow:inset 2px 2px 4px rgba(0,0,0,0.5),inset -2px -2px 4px rgba(255,255,255,0.5);
	background:linear-gradient(to top,#ea08,#c808,#fc08);
	border:2px inset #c80;
}
iframe {
	box-shadow: 0 0 4px 2px #000;
	margin-top:16px;
	border:none;
}
iframe:hover {
	box-shadow:inset 0 0 8px rgba(255,255,255,1);
}
a {
	color:inherit;
}