.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from {
		
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.jssora061 {display:block;position:absolute;cursor:pointer;}
.jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
.jssora061:hover {opacity:.8;}
.jssora061.jssora061dn {opacity:.5;}
.jssora061.jssora061ds {opacity:.3;pointer-events:none;}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: #2196F3;
  padding: 0px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 0px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

#random{
	text-align:center;	
	
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#6ea));
	background-image: -webkit-linear-gradient(top, #fff, #6ea);
	background-image: -moz-linear-gradient(bottom, #fff,#6ea );
	background-image: -ms-linear-gradient(top, #fff, #6ea);
	background-image: -o-linear-gradient(top, #fff, #6ea);
	background-image: linear-gradient(top, #fff, #6ea); 
    font-family: Amiri , serif;
	font-size:28px;	
	padding: 0.9em;
	top: 50%;

	width :970px;
	z-index: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 5% /40% ;
	box-shadow:5px 3px 5px 5px 3px #ccc;
	-moz-box-shadow:3px 5px 5px 3px #ccc;
	-webkit-box-shadow:1px 3px 3px 1px #ccc;
	margin-left : 300px;
	margin-right : 10px;
}
#randomstart{
	text-align:center;	
	
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaa));
	background-image: -webkit-linear-gradient(top, #fff, #eaa);
	background-image: -moz-linear-gradient(bottom, #fff,#6ea );
	background-image: -ms-linear-gradient(top, #fff, #eaa);
	background-image: -o-linear-gradient(top, #fff, #eaa);
	background-image: linear-gradient(top, #fff, #eaa); 
    font-family: Amiri , serif;
	font-size:24px;	
	padding: 0.9em;
	top: 50%;
	left: 50%;
	
	z-index: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 15px 15px 0px 0px;  
	box-shadow:15px 13px 15px 15px 13px #ccc;
	-moz-box-shadow:3px 5px 5px 3px #ccc;
	-webkit-box-shadow:1px 3px 3px 1px #ccc;
	
}


#randomend{
	text-align:center;	
	
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaa));
	background-image: -webkit-linear-gradient(top, #fff, #eaa);
	background-image: -moz-linear-gradient(bottom, #fff,#aac );
	background-image: -ms-linear-gradient(top, #fff, #eaa);
	background-image: -o-linear-gradient(top, #fff, #eaa);
	background-image: linear-gradient(top, #fff, #eaa);  
	font-family: Amiri , serif;
	font-size:28px;
	padding: 0.9em;
	top: 50%;
	left: 50%;
	z-index: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 0px 0px 15px 15px ;  
	box-shadow:15px 13px 15px 15px 13px #088;
	-moz-box-shadow:13px 15px 15px 13px #088;
	-webkit-box-shadow:1px 3px 3px 1px #088;
	
}

#randombtn{
	margin-left : 300px;
	margin-right : 10px;
text-decoration:none;
color:#313232;
font-size:24px;
font-weight:bold;
text-shadow: 0 1px 1px #313232;	
}