html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    background: #000;
    margin: 0;
    overflow: hidden;
}

#preload span::before {
  content: '';
  position: relative;
  display: block;
  width: 160%;
  height: 160%;
  box-sizing: border-box;
  margin-left: -30%;
  margin-top: -30%;
  border-radius: 45px;
  background-color: #8b2c2c;
}

@keyframes pulse-ring {
0% {
  transform: scale(0.33);
}
80%, 100% {
  opacity: 0;
}
}

#preload span::after {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-color: #800505;
border-radius: 15px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);

}

@keyframes pulse-dot {
0% {
  transform: scale(0.3);
  opacity: 0.8;
}
40% {
  transform: scale(0.6);
  opacity: 1;
}
80%, 100% {
  transform: scale(0.3);
  opacity: 0.8;
}
}

#preload {
position: absolute;
left: 50%;
top: 50%;
}

#circle1, #circle2, #circle3 {
  position: absolute;
  left: -50px;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 30px;
}
#circle2 {
left:0px;
}
#circle3 {
left:50px;
}

#circle1::before {
animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation-delay: -0.8s
}
#circle2::before {
animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation-delay: -0.4s
}
#circle3::before {
animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation-delay: 0s
}

#circle1::after {
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -1.2s infinite;
}
#circle2::after {
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.8s infinite;
}
#circle3::after {
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

#game-container {
    margin: 0 auto;
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    display:none;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
}

#game-container.notIOS {
    top: 0px;
    left: 0px;
    transform: unset;
    -ms-transform: unset;
    -webkit-transform: unset; /* Chrome, Safari, Opera */
}

#game-container.notIOS canvas {
    position: absolute;
    left:0px;
    top:0px;
}

#CasinoHelp {
  position:absolute;
  font-family:Arial, Helvetica, sans-serif;
  display:none;
}

@media screen and (orientation:landscape){
  #CasinoHelp {
    left:175px;
    top:100px
  }
}
@media screen and (orientation:portrait){

}
#CasinoHelp .maincontent {
  width:90%;
  height:90%;
  position:absolute;
  left:5%;
  top:5%;
  overflow:auto;
  color:white !important;
}
#CasinoHelp a {
  color:white !important;
}

#CasinoHelp table, #CasinoHelp tr, #CasinoHelp td, #CasinoHelp th {
  border-color:white !important;
}