.slotMachine .slot{
background-position-x: 55%;
background-repeat: no-repeat;
color: #fbff08;
}
/*
* Casino
*/
#casino {
/*border-top: 20px dashed rgb(180, 75, 119);
border-bottom: 10px solid #A48E4E;
background-color: rgb(240, 150, 150);*/
}
#casino .content:nth-child(1) {
text-align: center;
background-position-x: calc(50% + 30px);
min-height: 50px;
}
#casino .content > div {
margin: 0 auto;
}
.machineContainer{
padding: 5px 1px 5px 1px;
height: 135px;
}
.slotMachine{
width:8%;
font-size: 25px;
border: 1px solid #d4bbc3;
height: 40px;
display: inline-block;
}
#casino .btn-group {
margin-top: 150px;
transform: translateX(-25px);
}
#casino .btn-group .btn {
border: none;
background-color: rgb(209, 79, 119);
}
#casino .btn-group .btn:hover, .btn-group .btn:focus {
background-color: rgb(180, 75, 119);
}
.slotMachineNoTransition {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.slotMachineBlurFast {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.slotMachineBlurMedium {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.slotMachineBlurSlow {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.slotMachineBlurTurtle {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.slotMachineGradient {
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
-webkit-mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
}