/* website not minesweeper */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v53/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.gameHolder{
	position: relative;
	height: auto;
	text-align: left;
	font-family: Helvetica, sans-serif;
	background-color: #1b1c1d;;
	max-width: 75%;
	margin: 0 auto;
  	text-align: center;
	display: flex;
	justify-content: center;
}

body {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr auto;
	top: 40px;
	width: 99%;
	min-width: 600px;
	text-align: center;
	background-color: #1b1c1d;;
}

html{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	background-size: cover;
	background-repeat: round;
	border-color: #1b1c1d;;
	border-width: 3px;
	border-top: solid;
	scroll-behavior: smooth;
}

.header{
	text-align: center;
	font-family: Helvetica, sans-serif;
	color: whitesmoke;
}

.sectionContainer{
	position: relative;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #1b1c1d;;
	background-color: whitesmoke;
	border-radius: 50px;
	max-width: 100%;
	min-width: fit-content;
	width: min-content;
	margin: auto;
	margin-bottom: 40px;
	padding: 40px 20px;
}