body{
	//font-family: 'Courier New', monospace;
	font-family: Verdana;*/
	/*text-align:center;*/
	 max-width: 360px;
	 display: table-cell;
	 vertical-align: middle;
	 /*margin-left: 0px;*/
}

html {
    display: table;
    margin: auto;
}

#blackSquare{
	font-size: 3.0rem;
}

#result{
	font-size: 2.0rem;
}

h1 {
	margin-left: 25px;
}

#container{
	padding: 0px, 0px, 25px, 20px;
}

#wrap {
    float: left;
    position: relative;
    left: 50%;
}

#content {
    float: left;
    position: relative;
    left: -50%;
}

select{
	/*font-size: 2rem;*/
	width: 2.8rem;
	height:2.8rem
	text-align: center;
	font-weight: bold;
}

input{
	/*font-size: 2rem;*/
	width: 3rem;
	text-align: center;
	font-weight: bold;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
    -moz-appearance: textfield;
}

button{
	font-size: 1.5rem;
	padding: 10px, 15px;
	border-radius: 10px;
	border: none;
	background-color: hsl(210,100%,50%);
	color: white;
	font-weight: bold;
	cursor: pointer;
}
button:hover{
	background-color: hsl(210,100%,60%);
}
button:active{
	background-color: hsl(210,100%,70%);
}