#tasks
{
	text-align: center;
}

#tasksContainer
{
	vertical-align: top;
}

#twosCompBox
{
	background-color: rgba(50, 50, 200, 0.05);
}

#binHexConv
{
	background-color: rgba(200, 50, 50, 0.05);
}

#binAdder
{
	background-color: rgba(50, 200, 50, 0.05);
}

#hexStringConv
{
	background-color: rgba(200, 50, 200, 0.05);
}

#machineCodeDecoder
{
	background-color: rgba(50, 200, 200, 0.05);
}

#miniEmulator
{
	background-color: rgba(200, 200, 50, 0.05);
}

/* would make more sense if this were a class... */
#twosCompBox, #binHexConv, #binAdder,
#hexStringConv, #machineCodeDecoder, #miniEmulator,
#floatTool
{
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	display: inline-block;
	width: 350px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 25px;
	margin: 5px;
}

#twosMethod, #adderMethod, #ftBits
{
	display:block;
	width: 100%;
	border: 1px solid #000;
	margin-bottom: 3px;
	box-sizing: border-box;
}

.twosTextbox
{
	text-height:23px;
	text-align: left;
}

.stdTextbox
{
	display: block;
	width: 100%;
	border: 1px solid #000;
	margin-top: 3px;
	box-sizing: border-box;
}

#changelog-container
{
	box-sizing: border-box;
	width:calc(100% - 200px);
	background:rgba(60, 60, 60, 0.1);
	border:1px solid #000;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 50px;
	margin-left:100px;
	margin-right:100px;
	text-align: left;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}

#changelog
{
	list-style: none;
}

input[type=button]
{
	border-radius: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #000;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}

input[type=button]:active
{
	border-radius: 0;
	margin-top: 8px;
	margin-bottom: 2px;
	border: 1px solid #000;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}