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;
}