* {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}

body{
	gap: 20px;
	height: 100vh;
	margin: 0;
	padding: 0;

	display: flex;
	flex-direction: column;
	align-items: center;
}

h1{
	margin: 0;
}

.title{
	font-size: 60px;
	width: 100%;
	text-align: center;
}


.game--container {
	background: black;
	--w:10vw;

	gap: 5px;
	display: grid;
	grid-template-columns: repeat(3, var(--w));
	grid-auto-rows: var(--w);


	border: 10px solid rgb(0, 0, 0);
  }

.grid--element{
	height: var(--w);
	width: var(--w);
	background: white;

	display: flex;
	justify-content: center;
	align-items: center;
}

.fa-solid{
	font-size: calc(var(--w)/1.3);
}

.fa-regular{
	font-size: calc(var(--w)/1.8);
}