html, body
{
	width: calc(100vw - 18px);
	border: 0;
	padding: 0;
	margin: 0;
	background-color : #303134;
}

#divCentralContainer
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 360px;
	width: 640px;
}

#divSelectTextContainer
{
	position: absolute;
	top: 0;
	left: 0;
	height: 120px;
	width: 640px;
	cursor: context-menu;
}

	#pSelectText
	{
		border: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: white;
		font-family: 'Ubuntu', sans-serif;
		font-size: 32px;
	}

#divDropdownBarContainer
{
	position: absolute;
	top: 120px;
	left: 0;
	height: 120px;
	width: 640px;
}

	#divDropdownBar
	{
		position: absolute;
		top: 50%;
		left: 50%;
		height: 80%;
		width: 95%;
		transform: translate(-50%, -50%);
		background-color: black;

	}

		#pPhoneNameText
		{
			border: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 50%;
			left: 5%;
			transform: translate(0, -50%);
			color: white;
			font-family: 'Ubuntu', sans-serif;
			font-size: 32px;
		}

#divCheckButtonContainer
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 120px;
	width: 640px;
}

	#divCheckButton
	{
		position: absolute;
		top: 50%;
		left: 50%;
		height: 40%;
		width: 30%;
		transform: translate(-50%, -50%);
		background-color: green;
		cursor: pointer;
	}

		#pCheckButtonText
		{
			border: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: white;
			font-family: 'Ubuntu', sans-serif;
			font-size: 32px;
		}