*
{
	user-select: none;
	-moz-user-select: none;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

html, body
{
	height: 100%;
	width: 100%;
}

body
{
	display: flex;
}

#main_area
{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#ball
{
	position: absolute;
	background-color: black;
	border-radius: 50%;
}

#player1, #player2
{
	position: absolute;
	width: 1%;
	max-width: 20px;
	top: calc(50% - 100px);
	background-color: black;
}

#player1
{
	left: 20px;
}

#player2
{
	right: 20px;
}

#results
{
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	display: flex;
	flex-direction: row;
	
}

#player1Score, #player2Score
{
	font-size: 2vw;
	padding: 0.5vw 2vw;
}