.dice {
  position: relative;
  border: solid 3px #aaa;
  border-radius: 13px;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
  width: 11vw;
  height: 11vw;
}
.dice .tekst {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-size: 8vw;
	font-Weight = "900";
	color: white;
}

.dice .kruis {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-size: 60px;
	color: white;
}

.dice .dot {
  position: absolute;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  transform: translate(-1vw, -1vw);
}

.odd-1 {
  top: 50%;
  left: 50%;
}

.even-1,
.odd-2 {
  top: 25%;
  left: 25%;
}

.even-2,
.odd-3 {
  top: 75%;
  left: 75%;
}

.even-3,
.odd-4 {
  top: 75%;
  left: 25%;
}

.even-4,
.odd-5 {
  top: 25%;
  left: 75%;
}

.even-5 {
  top: 50%;
  left: 75%;
}

.even-6 {
  top: 50%;
  left: 25%;
}

.worp_outer-div {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
}
.worp_inner-div {
	display: inline-block;
}

.x {
    width: 8vw;
    height: 8vw;
	color: green;
	position:absolute;
	top:12%; 
}
.x:after {
    content: '';
    height: 8vw;
    border-left: 3vw solid;
    position: absolute;
    transform: rotate(45deg);
}

.x:before {
    content: '';
    height: 8vw;
    border-left: 3vw solid;
    position: absolute;
    transform: rotate(-45deg);
}

.textRotate{
	font-size: 3vw;
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
    position: absolute; 
	top:30%; left:-15%;
}

.textRotate2{
	font-size: 3vw;
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
    position: absolute; 
	bottom:10%; left:0%;
}
.textRotate3{
	font-size: 2vw;
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
    position: absolute; 
	bottom:-20%; left:5%;
}
.totaal {
  position: relative;
  border: solid 3px #aaa;
  border-radius: 13px;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
  width: 6vw;
  height: 6vw;
}
.totaal .tekst {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-size: 4vw;
	font-Weight = "900";
	color: white;
}