html, body {
	height: 100vh;
}

body {
	background-image: url(../images/fbback.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

.fbbody {
	width: 100vw;
	height: 100vh;
	/*display: flex;
	flex-direction: column;*/
}

.fbbody-header {
	width: 100vw;
	height: 60px;
	background-color: var(--dark);
	/*flex: 0 1 auto;*/
	color: white;
}

.fbbody-footer {
	width: 100vw;
	height: 30px;
	background-color: var(--dark);
	flex: 0 1 auto;
}

.fbbody-content {
	width: 100vw;
	/*flex: 1;*/
	background-color: rgba(255,255,255,0.8);
}
.fbbody-content-inner {
	/*padding:1rem;*/
}
.fbheading {
	display: flex;
	flex-direction: row;
	height: 60px;
	align-items: center;
	margin: 0 1rem;
}
.fbheading-left {
	flex: 0 1 auto;
}
.fbheading-right {
	flex: 0 1 auto;
}
.fbheading-center {
	flex: 1;
	text-align:center;
}

.fbgaming {
	display:flex;
	flex-direction: row;
}
.fbgaming-game {
	flex:0 1 auto;
	width: 408px;
	margin-right: 1rem;
}
.fbgaming-rules {
	flex:1;
	/*max-height: 690px;
	overflow-y: scroll;*/
	overflow-x: hidden;
}

.hiscorerow {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.hiscorecol {
	margin-right:10px;
}