html{
	    background-color: #2e313e;
}

body,html{
	height: 100%;
}

body{
	    margin: 0;
}

#container
{
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
}

#container:before { content: ''; }

#box
{
	background-color: #24262f;
	width: 804px;
    height: 498px;
	position:relative;
	margin:auto;
}

#area-help
{
	padding: 20px;
	position: absolute;
	top: 170px;
	left: 282.5px;
	background: rgb(36, 37, 47);
    border: 1px solid rgb(83, 148, 226);
	border-radius: 10px;
	width: 200px;
	height: 170px;
	text-align: center;
	color: white;
	font-weight: bold;
}

#area-help img
{
	width: 178px;
}

#area-reset
{
	padding: 20px;
	position: absolute;
	top: 174.25px;
	left: 282.5px;
	background: rgb(36, 37, 47);
	border: 1px solid #5394e2;
	border-radius: 10px;
	width: 200px;
	text-align: center;
	color: white;
	font-weight: bold;
}

#area-reset p
{
	text-transform: uppercase;
	margin: -5px 0 0 0;
	font-size: 30px;
}

#area-reset span
{
	display:block;
	font-size:24px;
}

#area-reset table
{
	width:100%;
	margin-top:10px;
}

#area-reset a
{
	margin-top: 16px;
    display: block;
    padding: 5px;
    background-color: #2e313e;
    border: 2px solid #4276b4;
    border-radius: 5px;
    cursor:pointer;
}

.score
{
	float: left;
	width: 84px;
}

.score img
{
	width: 38px;
	float: left;
}

.score span
{
	float: left;
	margin-top: 8px;
	font-size:23px;
	margin-left: 10px;
}

.music
{
	float:right;
}

.music img
{
	cursor:pointer;
	width: 38px;
	float: left;
}

canvas
{
	background-color: #13141b;
	padding: 2px;
}

#box-header
{
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 10px 10px 5px 10px;
    width: 784px;
}

.hidden{ display: none; }