html
{
/*	background: beige;
	background: #444444;
	line-height: 1.5em;
*/

	margin: 0;
	padding: 0;
	font-size: 20px;

	vertical-align: middle;
	color: black;
	background-color: white;

	/*
  text-shadow: 2px 2px  #ff0000;

	text-align: center;
	*/
}

body
{
	color: black;
	background-color: white;
  /*
  background-color: beige;
  background-color: lightgreen;
  background-color: #C3FDB8;
  background-color: #5EFB6E;

  */
  font-family: Arial, Helvetica, sans-serif;
 }

div
{
  border-radius: 25px;
	padding:  5px;
	margin:  5px;
  box-shadow: 0 22px 70px 4px rgba(0, 0, 0, 0.56);
}

a
{
  text-decoration: none;
  color: black;
  white-space: nowrap;
  /*
  display: block;
  */
}

img
{
  width: 75%;
  transition: 2s;
}
img:hover
{
  width: 100%;
  transition: .25s;
}

.challenge, .selection
{
  position: fixed;
	/*
  border: 5px solid black;
	*/

	background-color: white;
  color: red;
}

#container_01, #container_02
{
  top: 10%;
  left: 0;
  width: 100%;
  height: 100%;
	/*
  border: solid blue 1px;
	*/

	color: black;
	background-color: white;
  box-shadow: 0px 0px;

}

#container_02
{
  top: 35%;
	background-color: gray;
  /*
	left: 50%;
*/
}

.sub_01, .sub_02, #task_00
{
  border: 3px solid black;
  background-color: white;
  color: red;

  width: 100px;
  height: 100px;
	/*
	width: 100%;
	height: 100%;
	*/
	margin: 5%;
  float: left;
	transition: 1s;
}

sub_01:hover
{
    box-shadow: 0px 0px;
    transition: 1s;
}

.sub_02
{
  background-color: orange;
  color: black;
  font-size: 60px;
  border: 3px solid black;
  text-align: center;
}


#task_00
{
  height: 100px;
  width: 100px;
}

.input_single
{
  font-size: 60px;
  width: 70%;
  height: 70%;
  border: none;
  margin-left:5%;
  margin-top:5%;
	/*
	background-color: yellow;
  */
}

/*
#task_08, #task_09, #task_10, #task_11, #input_z
{
  display: block;
}
*/

#input_a
{
  background-color: green;
}



#banner, #bannerbottom
{
  margin: 5px;
  box-shadow: 0px 0px;
	color: black;
	background-color: white;
}

table
{
border-collapse: collapse;
width: 92%;
/*
width:330px;


border: solid red 1px;
*/
padding: 0px;
margin: 0px;
}

tr
{
	/*
  height: 25px;
  */
	height:100%;
	padding: 0px;
	margin: 0px;
	/*
	border: solid blue 1px;
  */
}

td
{
padding: 0px;
margin: 0px;

width: 10%;
/*
border: solid blue 1px;

border: solid green 1px;
*/
}

footer, header {
  position: fixed;
  left: 0;
	height: 1%;

  width: 100%;
  background-color: transparent;
  color: white;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
	transition: 2s;
	-webkit-transition: box-shadow 2s;
	-moz-transition: box-shadow 2s;
	-ms-transition: box-shadow 2s;
	-o-transition: box-shadow 2s;
	box-shadow: 0 0px 20px 20px transparent;
}

footer
{
  bottom: 0;
}

header
{
	top: 0;
}