/* This is a CSS comment and is completely ignored by the browser */

body {
	background-color: #011140;
	background-image:url(steve-harvey-424020-unsplash.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: bottom right; 
	color: #ffffff;
	padding: 50px;
}

#wordbox {
	clear: both; 
	display: block; 
	position: relative;
	margin-left: 2em;
	padding-right: 2em;
	height: auto; 
}

.restraint {
	width: 30em;
}

table, th, td {
	border: 1px solid #a41e22;
	background-color: #ffffff;
	color: #2d3090;
	padding: 15px;
}

.tabletop {
	background-color: #2d3090;
	color: #ffffff;
}

.tablehead {
	background-color:#a41e22;
	color: #ffffff;
}

a.tabled:link {
	color: #2d3090;
	font-weight:bold;	
	font-size:medium;
	text-decoration: underline;
}

a.tabled:visited {
	color: #65678f;
	font-weight:bold;
	font-size:medium;
	text-decoration: underline;
}

a.tabled:hover {
	color: #eb2a31;
	font-weight:bold;
	font-size:medium;
}

a.tabled:active {
	color: #d64731;
	font-weight:bold;
	font-size:medium;
}

.bld {
	font-weight: bolder;
}

.no {
	color:  #a41e22;
	font-weight: bolder;
}

.floatbox {
	display:block;	
	background-color:rgba(7,7,23,0.7);
	margin: 15px; 
	padding: 15px;
	float: left;
	text-shadow: 1px 1px 2px #000000, -1px -1px 2px #000000 ;
}

.floatbox-c{
	display: block;
	margin-left: 55px; 
	float: left;
	text-shadow:  -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 1px 1px 3px black, 0 0 25px blue, 0 0 5px rgb(7,7,23);
}

.floatbox-t {
	display: block;
	background-color:rgba(7,7,23,0.7);
	margin: 15px; 
	padding: 15px;
	float: left;
/*	width: 50%; */
}

.question {
	font-size: small;
}

.buttonbutton{
	width: 250px;
	heigh: 250px;
}

.statebutton {
	width: 10em;
	height: 10em;
	margin: 1em;
}

.endbutton {
	margin:auto;
	width: 10em;
	heigh: 10em;
}

.centerend {
	clear: both;
	display: block;
	margin-top: 5em;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font-size: 250%;
	font-weight: bolder;
}

.main {
	font-size:500%;
	}

h2 {
	font-size: 250%;
	font-weight: bolder;
}

h3 {
	font-size: 150%;
	font-weight: bolder;
}


a:link {
	color: #ffffff;
	font-size:x-large;
	font-weight:bold;
	text-decoration: none;
}

a:visited {
	color: #e9ebf2;
	font-weight:bold;
	text-decoration: none;
}

a:hover {
	color: #eb2a31;
	font-weight:bold;
	text-decoration: none;
}

a:active {
	color: #d64731;
	font-weight:bold;
	text-decoration: none;
}


div.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}