.Appwheel {

  text-align: center;
  width: 100%;
  /* background: #000; */
  display: flex;
  align-items:center;
  justify-content: center;
  height:85vh;
  position: absolute;
  z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
.roulmini{
  text-align: center;
  width: 100%;

  display: flex;
  align-items:center;
  justify-content: center;
  height:100%;
  position: absolute;
  transform: scaleX(1.2) scaleY(.6)

}






.rotate {
  width: 43vh;
  height: auto;
  z-index: 9999;
}

.rotate_mini{

  width: 600px;
  height: 600px;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.itembol_min{
  width: 60.531px !important;
  height: 60.531px !important;
}
.containerbol_mini{
  
 
  height: 474px  !important;
}
#containerbol {
  width: 38vh;
  height: 38vh;
  margin: 10px auto;
  z-index: 99999;
  /* border: px solid #000; */
  position: absolute;
  border-radius: 50%;
  /* background: #000000c7; */
  /* animation: spin 3s cubic-bezier(0.1, 0.7, 1.0, 0.1)   infinite; */
}
.itembol {
  width: 6vh;
  height: 6vh;
  text-align: center;

  margin-top: 2vh;
  transform-origin: center;
}
@keyframes spin {
  100% {
    transform: rotate(-1turn);
  }
}
@keyframes framspin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.whillemain {
  width: 60vh;
  display: flex;
  height: 60vh;
  
  background-size: cover;
  align-items: center;
  text-align: center;
  justify-content: center;
}


.rotatebvack_mini
{
  width: 350px!important;
  height: 386px;
}
.rotatebvack {
  position: absolute;
  width: 60vh;
}