*{
	box-sizing:border-box;
	outline:none;
	font-family:Raleway
}
html,body{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}
.container{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content: center;
	flex-direction:column;
}

.gameboard{
	background:#CDC1B4;
	border:10px solid #BBADA0;
}

.gameboard .piece{
	float:left;
	font-size:4em;
	font-weight:bold;
	border:10px solid #BBADA0;
	display:flex;
	align-items: center;
	justify-content: center;
}
.container h2{
	margin:0px;
}
.container h1{
	margin-top:10px;
}

#lose{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	justify-content: center;
	background:white;
	z-index:100;
	opacity:0;
	transition:1s all;
	display:flex;
	visibility:hidden;
}
#lose.active{
	visibility:visible;
	opacity:0.8;
}

.to-up{
	z-index:200;
}
.lose-title{
	font-size:3em;
	text-align:center;
}
button{
	display:block;
	margin-top:10px;
	margin:0 auto;
}