* {
	font-family:monospace;
}

a {
	text-decoration:none;
}

.container {
	margin-top:32px;
	margin-left:8px;
	width:100%;
}

.nav {
	position:absolute;
	top:0;
	left:0;
	height:20px;
	font-size:16px;
}

.tool {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 32px;
	width: 32px;
	white-space: nowrap;
	overflow: hidden;
	//background: linear-gradient(rgba( 255, 255, 255, 0 ), rgba( 144, 144, 144, 0.1 ) );
    transition: 0.6s;
}
.tool strong {
	position: relative;
	bottom: 11px;
	
}
.tool:hover {
	width: 200px;
	
}


#nav {
	width:100%;
	background:#000000;
}

#home {
	color:#FFFF00;
}

#search {
	left:56px;
	color:#FF0000;
}

#register {
	left:132px;
	color:#00FF00;
}

#about {
	left:228px;
	color:#0000FF;
}

#frogbox {
	right:0;
	left:auto;
	color:#FFFFFF;
}

table {
	width: 100%;
}
th,td {
	padding: 4px;
	margin: 4px;
	width: 20%;
}
th {
	border: 1px solid black;
}
td {
	font-size:12px;
}
td.a {
	background: #000000;
	color: #FFFFFF;
}
td.b {
	background: #FFFFFF;
	color: #000000;
}
a.a {
	color: #FFFFFF;
}
a.b {
	color: #000000;
}