.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
     
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

*,::after,::before{box-sizing:border-box;}
hr{box-sizing:content-box;height:0;overflow:visible;}
p{margin-top:0;margin-bottom:1rem;}
label{display:inline-block;margin-bottom:.5rem;}
button{border-radius:0;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button,input{overflow:visible;}
button{text-transform:none;}
button{-webkit-appearance:button;}
button:not(:disabled){cursor:pointer;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1);}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.col-12,.col-2,.col-6,.col-8{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
@media (prefers-reduced-motion:reduce){
.btn{transition:none;}
}
.btn:hover{color:#212529;text-decoration:none;}
.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);}
.btn:disabled{opacity:.65;}
.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc;}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}
.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff;}
.btn-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0062cc;border-color:#005cbf;}
.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5);}
@media print{
*,::after,::before{text-shadow:none!important;box-shadow:none!important;}
p{orphans:3;widows:3;}
}
/*! CSS Used from: https://ytvideoindirici.com/wp-content/plugins/shortgames/template/mouse-accuracy/fonts/icons.css?v=done1 */
.fasa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-clock-o:before{content:"\f017";}
.fa-plus:before{content:"\f067";}
.fa-flash:before{content:"\f0e7";}
.fa-angle-up:before{content:"\f106";}
.fa-angle-down:before{content:"\f107";}
.fa-spinner:before{content:"\f110";}
.fa-rocket:before{content:"\f135";}
.fa-bullseye:before{content:"\f140";}
.fa-mouse-pointer:before{content:"\f245";}
/*! CSS Used from: https://ytvideoindirici.com/wp-content/plugins/shortgames/template/mouse-accuracy/game.css?v=done1 */
.setting{background-color:#284152;border-radius:32px;margin:10px;padding:35px 27px 43px;display:inline-block;overflow:hidden;width:225px;}
.setting-t{font-weight:900;font-size:20px;color:white;}
.setting hr{background-color:#517e99;height:1px;width:155px;margin-top:7px;}
.selectors{display:inline-grid;font-size:20px;background:#f43668;border-radius:13px;padding:5px;vertical-align:middle;}
.descr{font-size:18px;margin-top:.5rem!important;}
.circle-dot{background-color:#fff;border-radius:50%;float:left;margin-top:.1rem!important;}
.size0{width:10px;height:10px;}
.size1{width:15px;height:15px;}
.size2{width:20px;height:20px;}
.size3{width:25px;height:25px;}
input[type="radio"]{display:none;}
.colour{height:25px;width:25px;border-radius:14px;cursor:pointer;margin:3px 7px;}
.colour0{background-color:red;}
.colour1{background-color:yellow;}
.colour2{background-color:white;}
.colour3{background-color:pink;}
.colour4{background-color:blue;}
.colour5{background-color:green;}
input:checked + label.colour{border:2px solid white;border-radius:14px;padding:5px;}
input:checked + label.cursor{color:#fff;}
.cursor{color:#b3b1b1;}
.clck{font-size:30px;margin-top:10px;}
.tame{font-size:22px;margin-top:10px;}
@media only screen and (max-width: 798px){
.setting{width:90%;}
.wids{width:200px;margin:auto;}
}
*{box-sizing:border-box;}
button{position:relative;padding:10px 20px;border:none;background:none;cursor:pointer;font-family:"Source Code Pro";font-weight:900;text-transform:uppercase;font-size:30px;color:var(--text-color);background-color:var(--btn-color);box-shadow:var(--shadow-color) 2px 2px 22px;border-radius:15px;z-index:0;overflow:hidden;}
button:focus{outline-color:transparent;box-shadow:var(--btn-color) 2px 2px 22px;}
button::before{content:'';pointer-events:none;opacity:.6;background:radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),     radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),     radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);width:100%;height:300%;top:0;left:0;position:absolute;animation:bubbles 5s linear infinite both;}
.toggle{position:relative;overflow:hidden;}
.toggle input[type=checkbox]{display:none;}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none;}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0;}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;}
.toggle.btn{min-width:59px;min-height:34px;}
.toggle-on.btn{padding-right:24px;}
.toggle-off.btn{padding-left:24px;}
.toggle.ios{border-radius:20px;}
.toggle.ios .toggle-handle{border-radius:20px;}
.btn{color:#fff;}
/*! CSS Used keyframes */
@keyframes bubbles{from{transform:translate();}to{transform:translate(0, -66.666%);}}

#header{
color:#fff;
text-align:center;
margin-top:20px;
}
#header h1{
    padding-top: 30px;
    font-size: 79px;
    letter-spacing: 4px;
margin-block-end: 0;
font-weight:900;
}
.game-sub-heading{
    font-size: 20px;
    letter-spacing: 3px;
	}
.shape {
    background: red;
    position: absolute;
    border-radius: 50%;
    animation: targets 3s linear;
    animation-fill-mode: forwards;
    -webkit-animation: targets 3s linear;
    -webkit-animation-fill-mode: forwards
}

.shape:hover {
    background: blue
}

.tTiny {
    width: 1em;
    height: 1em
}

.tSmall {
    width: 2em;
    height: 2em
}

.tMedium {
    width: 3em;
    height: 3em
}

.tLarge {
    width: 4em;
    height: 4em
}

@keyframes targets {
    0% {
        transform: scale(0.3, 0.3)
    }
    40% {
        transform: scale(1, 1)
    }
    80% {
        transform: scale(0.3, 0.3)
    }
    100% {
        transform: scale(0, 0)
    }
}

@-webkit-keyframes targets {
    0% {
        -webkit-transform: scale(0.3, 0.3)
    }
    40% {
        -webkit-transform: scale(1, 1)
    }
    80% {
        -webkit-transform: scale(0.3, 0.3)
    }
    100% {
        -webkit-transform: scale(0, 0)
    }
}
#myWorkPlace{
width:100%;
height:90%;
display:none;
position: relative;
border: 1px solid black;
}
.setting{
    background-color: #284152;
    border-radius: 32px;
    margin: 10px;
    padding: 35px 27px 43px;
    display: inline-block;
    overflow: hidden;
    width: 225px;
	
	
}

.resultbox{
    background-color: #284152;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
    overflow: hidden;
    width: 300px;
	height:200px;
	
}
.big{
	font-size:55px;
	width:80%;
	margin:auto;
}
.text-r{
	margin-left:5px;
	font-size:20px;
}
.single-set{
	width:100%;
	margin-bottom:10px;
	margin-left:10px;
	text-align:left;
}



.dt{
	text-align:left;
	width:80%;
	margin:auto;
	font-size:22px;
}

.centerd{
text-align: center;
    color: white;
}

.content-sec{

width:80%;
margin:auto;
padding:10px;
border-radius:10px;
    text-align: left;
	background-color:#333;
}
.setting-t{
font-weight:900;
font-size:20px;
    color: white;
}
.setting hr{
background-color: #517e99;
    height: 1px;
    width: 155px;
    margin-top: 7px;
}
.selectors{
    display: inline-grid;
    font-size: 20px;
    background: #f43668;
    border-radius: 13px;
    padding: 5px;
    vertical-align: middle;
}
.descr{
font-size:18px;
margin-top: .5rem!important;
}
.circle-dot{
background-color:#fff;
border-radius:50%;
float:left;
margin-top:.1rem!important;
}
.size0{
width:10px;
height:10px;
}
.size1{
width:15px;
height:15px;
}
.size2{
width:20px;
height:20px;
}
.size3{
width:25px;
height:25px;
}
input[type="radio"]{
display:none;
}
.colour{
    height: 25px;
    width: 25px;
    border-radius: 14px;
    cursor: pointer;
    margin: 3px 7px;
}
.colour0{
	background-color:red;
}
.colour1{
	background-color:yellow;
}

.colour2{
	background-color:white;
}

.colour3{
	background-color:pink;
}
.colour4{
	background-color:blue;
}

.colour5{
	background-color:green;
}

 input:checked + label.colour {
    border: 2px solid white;
    border-radius: 14px;
    padding: 5px;
}
input:checked + label.cursor{
color:#fff;
}
.cursor{
	color:#b3b1b1;
}
.clck{
	font-size:30px;
	margin-top:10px;
}
.tame{
	font-size:22px;
	margin-top:10px;
}
.again{
	background-color: #f43668;
    border-radius: 24px;
    padding: 5px 10px;
    border: none;
    font-size: 25px;
    color: white;
    margin-top: 20px;
	cursor:pointer;
	margin-right:10px;
	
}
.setingss{
	background-color: #7a7a7a;
    border-radius: 24px;
    padding: 5px 10px;
    border: none;
    font-size: 25px;
    color: white;
    margin-top: 20px;
	cursor:pointer;
	
}



#result-card{
	display:none;
}
/* Play Button Css */

@media only screen and (max-width: 1000px) {
	
	.resultbox{
	width:45%;
}
.content-sec{
		width:85%;
	}
}

@media only screen and (max-width: 800px) {
.resultbox{
	width:80%;
}
.content-sec{
		width:90%;
	}
}

@media only screen and (max-width: 798px) {
	.setting{
		width:90%;
	}
	.resultbox{
		width:90%;
	}
	.wids{
		width:200px;
		margin:auto;
	}
	#header h1{
		font-size:30px;
	}
	.game-sub-heading{
		font-size:18px;
	}
	
}

@media only screen and (max-width: 500px) {
    	.site-h{
		font-size:18px;
	}
	
		.game-h{
		font-size:18px;
	}
	
	.again{
		display:block;
		margin-bottom:10px;
	}
	.setingss{
		display:block;
		margin-bottom:10px;
	}
	.content-sec{
		width:95%;
	}
}

* {
  box-sizing: border-box;
}
:root {
  --text-color: hsla(210, 50%, 85%, 1);
  --shadow-color: hsla(210, 40%, 52%, .4);
  --btn-color: #f43668;
  --bg-color: #141218;
}
button {
  position:relative;
  padding: 10px 20px;  
  border: none;
  background: none;
  cursor: pointer;
  
  font-family: "Source Code Pro";
  font-weight: 900;
  text-transform: uppercase;
  font-size: 30px;  
  color: var(--text-color);
  
  background-color: var(--btn-color);
  box-shadow: var(--shadow-color) 2px 2px 22px;
  border-radius: 15px; 
  z-index: 0;  
  overflow: hidden;   
}

button:focus {
  outline-color: transparent;
  box-shadow: var(--btn-color) 2px 2px 22px;
}



/* bubbles */
button::before {
  content: '';
  pointer-events: none;
  opacity: .6;
  background:
    radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px),
    radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);

  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}

@keyframes bubbles {
  from {
    transform: translate();
  }
  to {
    transform: translate(0, -66.666%);
  }
}
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}
 .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
  .toggle.ios .toggle-handle { border-radius: 20px; }
  .btn{color:#fff;}
  
	#gameHeader{

   	width:100%;
		background:black;
		height:10%;
		opacity:0.6;
		font-size:25px;
		display: none;		

	}
	
	.site-h{
		width:45%;
		float:left;
		margin-top:10px;
		text-align:left;
		margin-left:5%;
		color: black;

	}
	
	.game-h{
		width:45%;
		float:right;
		margin-top:10px;
		text-align:right;
		margin-right:5%;
			color: black;
	}