style.css

body{
	text-align: center;
	color: white;
	background: black;
}


.column {
  float: left;
  width: 33.33%;
}
h1 {
 font-size: 400%;
 color: red;
 margin-bottom: 20px;
 text-shadow: 0px 3px 0px #b2a98f,
                 0px 14px 10px rgba(0,0,0,0.15),
                 0px 24px 2px rgba(0,0,0,0.1),
                 0px 34px 30px rgba(0,0,0,0.1);
}

#casino{
	margin-top: 20px;
	height: 80%;
	width: 80%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;

}
.dice{
	margin-top: 100px;
}
.label{
	font-size: 30px;
}
.dice1{
	font-size: 80px;
	text-align: center;
}
.left{
	float: left;
	width: 25%;
}
.middle{
	float: left;
	width: 50%;
}
.right{
	float: left;
	width: 25%;
}
.row1:after {
	margin-top: 20px;
  content: "";
  display: table;
  clear: both;
}
.row2{
	float: center;
	text-align: right;
	font-size: 20px;
}
#button{
	text-align: center;
	width: 200px;
	height: 50px;
	color: red;
}
.row2:after {
	margin-top: 20px;
  content: "";
  display: table;
  clear: both;
}
#startButton{
	width: 200px;
	height: 50px;
	color: red;
	font-weight: bold;
}
.roll_left{
	float: center;
}