div{
		bordder:1px solid blue;
}
#Options {
 opacity: 0;   
}
.resetcard {
    
    font-size:90%;
    position:relative;
    left:50px;
    top:50px;
    width:90px;
    height:40px;margin-top: 5px;
    border-radius:40px;
    background:black;
    color:red;
    vertical-align:middle;
    font-weight: bolder;
    cursor: pointer;
    
   
}
#row12{
    
    background: none;
    position: relative;
   
}


#buttonsview{
                 position:relative;
    font-weight: bolder;
                    top:60px;
                
                z-index: 1;
     
            left:250px;width:150px;height:35px;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes shiftside {
    from {left: 300px;}
    to {left: 430px;}
}

#clicker {

        
    position:relative;
    left:350px;
    
    width:80px;
    height:80px;
     z-index: 1;
    
    
   
}

#textshuf{
position:relative;
            background:black;
            left:90px;top:60px;
         color:red;
     width:460px;
    height:40px; font-size:200%;
                     


}




#ss {
        
    position:relative;
    
    top:60px;
        left: 85px;
    z-index: 1;
     width:480px;
    height:380px;
    
    border-radius: 200px;

}
/* Chrome, Safari, Opera */
@-webkit-keyframes carddown1 {
    from {top: 80px;}
    to {top: 200px;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes carddown2 {
    from {top: 80px;left:300px}
    to {top: 220px;left:410px}
}

@-webkit-keyframes carddown3 {
    from {top: 80px;left:300px}
    to {top: 240px;left:520px}
}


@-webkit-keyframes carddown4 {
    from {top: 80px;left:300px}
    to {top: 260px;left:640px}
}

@-webkit-keyframes carddown5 {
    from {top: 80px;left:300px}
    to {top: 280px;left:750px}
}

@-webkit-keyframes carddown6 {
    from {top: 80px;left:300px}
    to {top: 300px;left:860px}
}

@-webkit-keyframes carddown7 {
    from {top: 80px;left:400px}
    to {top: 320px;left:980px}
}




.cardholder {
			   width:108px;height:102px;
			   border-radius: 10px;
			  padding-left: 5px; padding-top: 5px; 
			   display:table-cell;
			   border:1px solid white;
			   background:rgb(16,171,23);
			   
			}
			
.topcardbox {
                visibility: "visible";
				margin:10px;
				width:75px;height:89px;
				border-radius: 14px;
                margin-left: 8px;
   cursor:move;
  
				
			}
.glow {
     visibility: "visible";
				margin:10px;
				width:75px;height:89px;
				border-radius: 14px;
                margin-left: 8px;
   cursor:move;
  
}
.glow:hover  {

 box-shadow:1px 1px 50px 5px #6699FF;
    margin-left: 10px;
    margin-top: 10px;
    
    

}


.rollout {
                visibility: "visible";
				margin:10px;
				width:75px;height:89px;
				border-radius: 14px;
                margin-left: 8px;
                position: relative;
                -webkit-animation-name: turn; /* Chrome, Safari, Opera */
                -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
  
				
			}

@-webkit-keyframes bounce {
    0%   { color:red;left:0px; }
    25% {color:black; left:200px;}
    50%  { color:red; left:0px; }
    75%  {color:black; left:200px; }
    80%  { color:red;left:0px; }
    100% { color:black; left:200px;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes turn {
    from {transform:rotate(0deg);background-color:red; top:35px}
    to {transform:rotate(360deg);background-color:red;  top:800px;}
   
  
}

.topcardboxblind {
                visibility: "hidden";
				margin:10px;
				width:75px;height:89px;
				border-radius: 14px;
                margin-left: 8px;
  
				
			}
.painted {
          
                margin:10px;
				width:75px;height:89px;
				border-radius: 14px;
                margin-left: 8px;
        position: absolute;
        border:2px solid blue;
    }
			
#gapper {
			display:table-cell;width:3px;height:102px;;

		}
		
#bodyid {

		
    background-image: url("23/6.jpg");
}

#spacing {

		border:none;margin-left:22px; height:102px;
	}
		
.bottomfoot {
			position: relative; top:90px;left:20px;height:25px;display:table-cell; border-radius: 30px;  border:2px solid white;text-align:center;font-weight: bold; vertical-align:middle;
}



#content  {
				
				z-index: 1;
				padding-left:10px;
				padding-right:10px;
				padding-top:9px;
				height:710px;
				width:790px;
				border-radius: 15px;
				
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bestit {
    0%   { color:red;}
    25% {color:black; }
    50%  { color:red; }
    75%  {color:black; }
    80%  { color:red; }
    100% { color:black; }
}

.table {
			display:block;
			width:790px;
			

}