.game-rolling-area 
{

	background-position: center;
	overflow: hidden;
    margin: 0 auto;
	position: absolute;
	border-radius: 5px;
}

.game-reeling-roll-area 
{
	display: block;
	width: 479px;
	height: 230px;
	left: 0px;
	top: 0px;
	background-position: center;
	overflow: hidden;
    margin: 0 auto;
    position: absolute;
}
.roll-frame-area
{
	position:absolute;
}
.divx-roll-game
{
	position : absolute;
	background-position: center;
	border-radius: 5px;
}

.spanxT-roll-game
{

	position : absolute;
	color : #7D3BBB;

	text-shadow: 2px 3px 5px rgba(108, 86, 202, 0.322);
	padding: 20px 2px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	
};

.iconxT-roll-game
{
	position: absolute;
	border-radius: 5px;
	border: thin solid blue;
}
.pixdiv-reel-roll-game
{
	position : absolute;
	border-radius: 5px;
}

.roll-button-area
{
	position:absolute;
	z-index:103; 
	width:auto; 
	height:auto;
}
.roll-row-area
{
	position:absolute;
}

.roll-submit-area
{
	display: block;
	position:absolute; 
	z-index:900;
	width:90px; 
	height:90px;
	right:50;
	bottom:5;
}
.box {
    background-color: #feb300;
    color: ghostwhite;
    border-radius: 0px;
	text-align: center;
    height: 80px;
	width: 80px;
	white-space: pre-wrap;
	word-wrap: break-word;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Bubblegum Sans';
	font-size: 18px;
	opacity: 0.6;
  }
  
  .box:nth-child(even) {
    background-color:#141A54;
    color: ghostwhite;
  }
  
  .roll-wrapper 
  {
    width: 568px;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(6, 80px);
    grid-template-rows: 80px 80px 80px;
    grid-auto-flow: column;
  }

  .game-end-roll-view-area
  {
	  position:absolute;
	  width:120px;
	  height:auto;
	  color: ghostwhite;
	 
	  text-align: center;
	  background-color: transparent; 
	  border-radius: 6px;
  }

  .game-end-roll-view-area-fail
  {
	  position:absolute;
	  height:auto;
	  top: 145px;
	  color: #7D3BBB;
	  font-size: 20px;
	  text-align: center;
	  background-color: transparent; 
	  vertical-align: middle;
	  white-space: pre-wrap;
  }

  .emoticon-appear-d
  {
	position: fixed;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
	text-align: center;
	left: 50%;
	top: 50%;
  }

  .display-end-game-view
  {
	position :absolute;
	border-radius: 6px;
  }

  .circle-answer-roll
  {
	position: absolute;
	border-radius: 50%;
	border: thick solid #feb300;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
	text-align: center;
  }

.first-mes-roll-holder
{
    position: absolute;
    border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
	flex-direction: column;
}

.first-mes-roll
{
    border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
	text-align: center;
	color: #7D3BBB;
}
.first-mes-proceed-roll-holder
{
    border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
}