<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body
{
    color:#fff;
    font-family: 'Open Sans', sans-serif;
		font-size: 20px;
		font-stretch: normal;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		/*background: url("/at/assets/grid.svg") #001624; background-size: 400px;*/
  /*  background-position: 0 0;*/
  /*  background-repeat: repeat;*/
	
}
#aimmap {
   
    height:500px;
    background: #001624;
    cursor: url("/aim-training/assets/cursor.png") 23 21.5, default;
    /*cursor: crosshair;*/
   
    
}

.wrapper{
    max-width: 720px;
    margin:auto;
    user-select:none;
   
}

.target {
    width:50px;
    height:50px;
    background: #fff;
    border-radius: 100%;
    background: url("/aim-training/assets/target.png");
    background-size: 100%;
    -webkit-animation:grow 2s infinite;
    animation-iteration-count: 1;

}

.click {
    width:10px;
    height:10px;
    background: #fff;
    border-radius: 100%;
    background: yellow;
}

.scoreText {
    padding: 10px;
}

.startbutton{
    	background-attachment: scroll;
		background-clip: border-box;
		background-color: rgb(127, 206, 119);
		background-image: none;
		background-origin: padding-box;
		background-size: auto;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		box-sizing: border-box;
		color: white;
		cursor: pointer;
		font-size: 20px;
		
		height: 60px;
		line-height: normal;
		margin: 20% 0 0 35%;
		min-height: 0px;
		min-width: 180px;
		outline-width: 0px;
		padding: 14px;
		position: relative;
		text-align: center;
		text-transform: none;
		transition-delay: 0s;
		transition-duration: 0.28s;
		transition-property: box-shadow;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		
		z-index: 0;
		-webkit-user-select: none;
		}
		
		
.backbutton{
    	background-attachment: scroll;
		background-clip: border-box;
		background-color: rgb(127, 206, 119);
		background-image: none;
		background-origin: padding-box;
		background-size: auto;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		box-sizing: border-box;
		color: white;
		cursor: pointer;
		font-size: 20px;
		height: 60px;
		line-height: normal;
		margin: 10px 0 0 32%;
		min-height: 0px;
		min-width: 180px;
		outline-width: 0px;
		padding: 14px;
		position: relative;
		text-align: center;
		text-transform: none;
		transition-delay: 0s;
		transition-duration: 0.28s;
		transition-property: box-shadow;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
				z-index: 0;
		-webkit-user-select: none;
		}		

.timer{
    
    float: right;

}

.content {
    /*text-align: center;*/
    max-width: 1020px;
     margin: auto;
}

.content p {
    font-size: 1em;
    
   
    color: #111;
}

.content h1 {
    font-size: 2.5em;
    color: #1E88E5;
    font-weight: 400;
}


@-webkit-keyframes grow {
 0% {
-webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }
  
  50% {
  -webkit-transform: scale( 1 );-moz-transform: scale( 1 );-o-transform: scale( 1 );-ms-transform: scale( 1 );transform: scale( 1 );
  }
  
  100% {
  -webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
  }
}

@media only screen and (max-width: 600px) {
    
    .startbutton{
        margin: 20% 0 0 25%;
    }
    
    .backbutton{
        margin: 10px 0 0 25%;
    }
}
    
</pre></body></html>