* {
	background-color: #27292b !important;
	color: white !important;
	font-family: 'system-ui' !important;
    font-weight: 200;

}

h1 {
	font-weight: 800;
	margin-bottom: 0;
}

h3 {
	font-weight: 200;
	margin-top: 0;
}

.main-section {
	display: flex;
	flex-direction: column;
	margin-bottom: 50;
}

.main-header {
	margin: auto;
	margin-top: 50px;
	display: flex;
	flex-direction: column;
}

.select-section {
	margin-bottom: 50;
	width: 50%;
}

.selection-btn {
	border-width: 1;
	padding: 10 20 10 20;
	width: 120px;
	border-radius: 100;
	border-style: solid;
	margin-bottom: 20;
}

.selection-btn:hover {
	/* color: #27292b !important; */
	/* background-color: white !important; */
}

.score-section {
	margin-bottom: 50;
}

.score-board {
	display: flex;

	flex-direction: row;
}

.score-line {
	border-width: 0 1 0 0 ;


	border-style: solid;

}

.text-header {
	margin-left: 20px;
}

.center {
	text-align: center;
}