body
{
	background-color: black;
	/*slightly more responsive*/
	/*margin-right:100px;
	margin-left:500px;*/
	max-width:650px;
	margin-left:25%;
}

h1
{
	color:white;
	/*margin-left:750px;*/
	margin-left:50px;
	margin-top:70px;
	margin-bottom:50px;
}

h2
{
	color:yellow;
	/*margin-top:30%;*/
	/*margin-left:41.5%;*/
	font-size:small;
	/*margin-left:100px;*/

}

p
{
	color:gold;
	/*margin-left:41.5%;*/
	font-size:smaller;
	line-height:1.4;
	/*margin-left:100px;*/

}


.diceCube
{

	float:left;
	/*margin-left:600px;*/
	/*margin-right:-500px;*/
	background-color:red;
	height:250px;
	width:250px;
	margin-top:25px;
	margin-left:20px;
	
	/* One DICE:
	height:400px;
	width:400px;
	*/


}


.dot {
	height: 50px;
	width: 50px;
	background-color: red;
	border-radius: 50%;
}

.dotPlaceHolderLeftBottom
{
	/*height:50px;
	width:50px;
	background-color:red;
	border-radius:50%;
	margin:50px 50px 50px 50px;
	*/

	/*float:left;*/
	height:13%;
	width:13%;
	background-color:red;
	/*background-color:red;*/
	border-radius:50%;
	margin-left:15%;
	margin-top:15%;

}

.dotPlaceHolderLeftTop
{
	height:13%;
	width:13%;
	background-color:red;
	border-radius:50%;
	/*margin:50px 50px 50px 50px;*/
	margin-top:14%;
	margin-left:15%;

}

.dotPlaceHolderLeftMiddle
{
	height:13%;
	width:13%;
	background-color:red;
	border-radius:50%;
	margin-top:12.5%;
	margin-left:15%;
}
.dotPlaceHolderMiddle
{
	height:13%;
	width:13%;
	background-color:red;
	border-radius:50%;
	margin-left:44%;
	margin-top:-12.5%;

}

.dotPlaceHolderRightBottom
{
	height:13%;
	width:13%;
	background-color:red;
	border-radius:50%;
	float:right;
	margin-right: 15%;
	margin-top:-13%;
}

.dotPlaceHolderRightMiddle
{
	height:13%;
	width:13%;
	background-color:red;
	border-radius:50%;
	float:right;
	margin-right:15%;
	margin-top:-12.5%;
}

.dotPlaceHolderRightTop
{
	height:13%;
	width:13%;
	background-color:red;
	border-radius:50%;
	float:right;
	margin-right:15%;
	margin-top:-14%
}

.buttonArea
{
	height:80px;
	width:80px;
	/*margin-left:900px;*/
}

.refreshButton
{
	height:50px;
	width:100px;
	margin-bottom:500px;
	/*Responsiver*/
	margin-left:200px;


}

.linksToMoreDice
{
	display:flex;
	height:50px;
	/*Commenting out to make more responsive*/
	/*margin-left:670px;*/
	/*margin-left:120px;*/

}

.diceButtons
{
	height:30px;
	width:70px;
	margin-left:25px;
}

span 
{
	display:inline-block;
	width: 500px;
	overflow-wrap: break-word;
	color:gold;
	font-size:smaller;
}