*
{
	padding: 0px;
	margin: 0px;
}

div.main
{
	position: relative;
	background-color: black;
	height: 100vh;
	width: 100vw;
}

div.player-one
{
	position: absolute;
	background: linear-gradient(to bottom, red, #1b0000);
	height: 100px;
	width: 25px;
	left: 25px;
	top: 25%;
	border-radius: 25px;
	border: 2px inset red;
}

div.player-two
{
	position: absolute;
	background: linear-gradient(to bottom, blue, #00001b);
	height: 100px;
	width: 25px;
	right: 25px;
	bottom: 10%;
	border-radius: 25px;
	border: 2px inset blue;
}

div.ball
{
	position: absolute;
	background: linear-gradient(-45deg, purple, #2c002c);
	height: 25px;
	width: 25px;
	right: 30%;
	bottom: 35%;
	border-radius: 25px;
	border: 5px inset purple;
}

div.top-border
{
	position: absolute;
	background-color: red;
	height: 10px;
	width: 100%;	
	border-bottom-style: double;
	border-width: 4px;
}

div.bottom-border
{
	position: absolute;
	background-color: violet;
	height: 10px;
	width: 100%;
	bottom: 0px;	
	border-top-style: double;
	border-width: 4px;
}

div.dashed-lines
{
	position: absolute;
	margin-left: 50%;
	width: 10px;
	height: 100%;
	background: linear-gradient(to bottom, transparent 50%, black 50%), 
				linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet);
	background-size: 1px 75px, 100% 100%;
}

div.player-one-score
{
	position: relative;
	float: right;
	width: 75px;
	height: 100px;
	
	margin-right: 20px;
	margin-top: 20px;
}

div.three-part-one
{
	position: absolute;
	background: linear-gradient(to right, red, #1f0000);
	
	width: 65px;
	height: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.three-part-two
{
	position: absolute;
	background: linear-gradient(to right, red, #1f0000);	
	
	width: 65px;
	height: 10px;
	top: 45px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.three-part-three
{
	position: absolute;
	background: linear-gradient(to right, red, #1f0000);
	
	width: 65px;
	height: 10px;
	bottom: 0px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.three-part-four
{
	position: absolute;
	background: linear-gradient(to right, #1f0000, #2a0000);	
	width: 10px;
	height: 100%;
	right: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

div.player-two-score
{
	position: relative;
	width: 75px;
	height: 100px;
	
	margin-left: 20px;
	margin-top: 20px;
}

div.four-part-one
{        
	position: absolute;
	background-color: blue;
 
	width: 10px;
	height: 50%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}        

div.four-part-two
{
	position: absolute;
	background: linear-gradient(to right, #00001f, #00002f);
	
	width: 10px;
	height: 100%;
	right: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.four-part-three
{
	position: absolute;
	background: linear-gradient(to right, blue, #00001f);
	
	width: 65px;
	height: 10px;
	top: 45px;
	border-bottom-left-radius: 5px;
}