body,html {
padding: 0px; margin: auto;
background-color: rgba(1,1,1,1); overflow: hidden; font: yellow;}
.imgClass{width: 300px; height: 250px; position:absolute; opacity: 1;}
#frameBorder{width: 298px; height: 248px; left: 0; top: 0; border: 1px solid #333;}
.imgOff{opacity: 0;}
.noSelect{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.flashCover{background: rgba(255,255,255,1); -webkit-mix-blend-mode: overlay; -moz-mix-blend-mode: overlay; -ms-mix-blend-mode: overlay; -o-mix-blend-mode: overlay; mix-blend-mode: overlay;}
#ad{overflow: hidden; background-color: rgba(0,0,0,1);}
#clickButt{cursor:pointer;}
#fc5{background: rgba(255,255,255,1);}
#bgBlackOver{background: radial-gradient(circle at 50% 60%, rgba(0,0,0,0.4)10%, rgba(0,0,0,1) 30%);}
.dropSW{
    -webkit-filter: drop-shadow(0 0px 2px rgba(255, 255, 255,1));
    filter: drop-shadow(0 0px 2px rgba(255, 255, 255,1));
}
.dropSW2{
    -webkit-filter: drop-shadow(0 0px 4px rgba(255, 255, 255,1));
    filter: drop-shadow(0 0px 4px rgba(255, 255, 255,1));
}
.dropS2{
-webkit-filter: drop-shadow(0px 0px 1px rgba(109, 5, 205, 0.8));
      filter: drop-shadow(0px 0px 1px rgba(109, 5, 205, 0.8));
}
#whiteCover{background: #fff;}
.hexFX{background: url('images/hexFX.png');
  background-repeat:repeat;
  background-size: 10%;}
.bgRed{width: 350px; background: url('images/bgRed.jpg');}
.bgPurp{width: 300px; background: url('images/bgPurp.jpg');}
#bg2Frame{
  border-radius:100%;
  -webkit-transform: scale(0.1);
     -moz-transform: scale(0.1);
      -ms-transform: scale(0.1);
       -o-transform: scale(0.1);
          transform: scale(0.1);
overflow: hidden;
}
#logo{background: url('images/logo.png');}
#txtBlock1{left: 2px; top: -3px;}
#txt1_1{left: -8px; background: url('images/txt1_1.png');}
#txt1_2{left: -8px; background: url('images/txt1_2.png');}
#txt1_3{left: -8px; background: url('images/txt1_3.png');}
#txtBlock2{left: 0px; top: -2px;}
#txt2_1{background: url('images/txt2_1.png');}
#txt2_2{background: url('images/txt2_2.png');}
#txt2_3{background: url('images/txt2_3.png');}
#txtStroke{background: url('images/txtStroke.png');}
#txtOn{background: url('images/txtOn.png');}
#ageRate{background: url('images/ageRate.png');}
#brushFrame{background: url('images/brushFrame.png');}
#introWall{background: url('images/introWall.jpg');}
#scratchBlock{
  background: rgba(0,0,0,0);
}
.scrachiesC{
  -webkit-transform: rotate(42deg);
     -moz-transform: rotate(42deg);
      -ms-transform: rotate(42deg);
       -o-transform: rotate(42deg);
          transform: rotate(42deg);
}
.scratch{background: url('images/scratch.png');
    background-repeat: repeat-x;
    width: 900px;
    height: 518px;
  }
#scratch1{
  top: 145px;
  left: -11px;
  -webkit-transform: scaleX(9) rotate(90deg);
     -moz-transform: scaleX(9) rotate(90deg);
      -ms-transform: scaleX(9) rotate(90deg);
       -o-transform: scaleX(9) rotate(90deg);
          transform: scaleX(9) rotate(90deg);
}

/* sparks */
.fxDots1{
    width: 6px;
    height: 4px;
    background: radial-gradient(rgba(255,255,255,1), rgba(128,174,214,1));
  -webkit-border-radius: 50px;
          border-radius: 50px;
}
.fxDots2{
    width: 4px;
    height: 8px;
    background: radial-gradient(rgba(255,255,255,1), rgba(128,174,214,1));
  -webkit-border-radius: 50px;
          border-radius: 50px;
}
.fxDots3{
  width:2px; height:3px;
  background: radial-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
  -webkit-border-radius: 50px;
          border-radius: 50px;
}