/* 

/////////////////////////////////////


COLOUR

DARK - #2c2322

GREEN - #439032
YELLOW - #ffd962
ORANGE - #d2592b

/////////////////////////////////////


*/

* {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
  }


input{
	-webkit-touch-callout: auto; /* iOS Safari */
	  -webkit-user-select: auto; /* Safari */
	   -khtml-user-select: auto; /* Konqueror HTML */
		 -moz-user-select: auto; /* Firefox */
		  -ms-user-select: auto; /* Internet Explorer/Edge */
			  user-select: auto; /* Non-prefixed version, currently
									supported by Chrome and Opera */
  }
  ::selection { background: transparent; }
  ::-moz-selection { background: transparent; }


  
  
  


body{

	text-transform: uppercase;
	font-family: 'Anton', sans-serif;
	background-color:#2c2322;
	letter-spacing:0.2em;
	
    color:#ffd962 !important;
	outline: none !important;
	margin: 0px;
	background-size: contain;
	overflow: hidden;
	line-height: 120%;
	touch-action: none;
	margin: 0px;
}

canvas{
	/* display: none !important; */
	
}

h0, h1, h2, h3, h4, h5, h6, h7, h8, h9, h10{
	margin:0px;
	margin-bottom:10px;
	line-height:125%;
	display:block;
	
	-webkit-margin-before:0px;
    -webkit-margin-after:8px;
    -webkit-margin-start:0px;
	-webkit-margin-end:0px;
	
	text-shadow: 2px 2px #00005a;
}

h0 {font-size:16px;}
h1 {font-size:20px;}
h2 {font-size: 26px;}
h3 {font-size: 30px;}
h4 {font-size: 36px;}
h5 {font-size: 50px;}
h6 {font-size: 60px;}
h7 {font-size: 70px; letter-spacing:-1.5px;}
h8 {font-size: 80px;}
h9 {font-size: 90px;}
h10 {font-size: 100px;}



.pointingjs {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  
  pointer-events:none;
}

.pointer {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  position: fixed;
}

.trail {
  border-radius: 100%;
}

svg {
  width: 100%;
  height: 100%;
  position: absolute;
}

#trail {
  filter: url(#glow);
  stroke: url(#linear);
  stroke-width: 8;
  stroke-linecap: round;
}

article {
  z-index:2; 
}

svg {
  pointer-events:none;
}


/* LINKS */

a, a:link, a:visited, a:active{
	color:#d2592b;
	cursor:pointer;
	touch-action: auto;
	text-decoration: none;
}

a:hover {
	color:#ffd962;
}

/* CTA */


.cta{
	color: #d2592b;
	cursor:pointer;
	text-decoration: none;
}
.cta:hover{
	color: #ffd962;
}




.shaddow{box-shadow: 3px 3px #f50082;}

#currentScore{
	z-index: 1;
	position: absolute;
	top:10px;
	left:15px;
	font-size: 12px;
	display: none;
}

.scale75{
	-ms-transform: scale(0.75, 0.75); /* IE 9 */
	-webkit-transform: scale(0.75, 0.75); /* Safari */
	transform: scale(0.75, 0.75);
}