* {
	padding: 0;
	margin: 0;
}
html, body {
	background: radial-gradient(circle, rgba(34,4,3,1) 0%, rgba(3,2,2,1) 0%, rgba(34,4,3,1) 100%);
	/*background-image: url(images/a_loading_bg-sheet0.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;*/
	overflow: hidden;
	touch-action: none;
	-ms-touch-action: none;
}
canvas {
	touch-action-delay: none;
	touch-action: none;
	-ms-touch-action: none;
}
@font-face {
  font-family: Passion One;
  src: url(PassionOne_Regular.otf);
}
@font-face {
  font-family: Squada One;
  src: url(squada_one.ttf);
}
.full_screen{position:fixed;width:100%;height:100%;left:0;top:0;margin:0;overflow:hidden!important}
.screen_rotate{background-image:linear-gradient(to bottom,#38249a,#38249a,#38249a);display:none;justify-content:center;align-items:center;flex-direction:column;z-index:4}
.screen_rotate .container{position:absolute;left:50%;top:50%;transform-origin:center}
.screen_rotate .container.portrait{transform:rotate(90deg)}
.screen_rotate .container.landscape{transform:rotate(0deg) scale(0.75)}
.screen_rotate .center{position:absolute;left:50%;top:50%}
.screen_rotate .phone{position:absolute;width:118px;height:228px;background-image:url(rotate_phone.png);left:-59px;top:-114px;transform-origin:center;animation:phoneRotatePortrait 2.5s ease-in-out infinite forwards}
.screen_rotate .arrows{position:absolute;width:245px;height:353px;background-image:url(rotate_arrow.png);left:-122.5px;top:-176.5px;transform-origin:center;animation:arrowsRotatePortrait 2.5s ease-in-out infinite forwards}
@keyframes phoneRotatePortrait {
	0%{opacity:0;transform:rotate(0deg)}
	25%{opacity:1;transform:rotate(0deg)}
	55%{opacity:1;transform:rotate(-90deg)}
	80%{opacity:0;transform:rotate(-90deg)}
	100%{opacity:0;transform:rotate(-90deg)}
}
@keyframes phoneRotateLandscape {
	0%{transform:rotate(-90deg)}
	50%{transform:rotate(0deg)}
	100%{transform:rotate(-90deg)}
}
@keyframes arrowsRotatePortrait {
	0%{opacity:0;transform:rotate(45deg)}
	15%{opacity:0;transform:rotate(45deg)}
	20%{opacity:1;transform:rotate(45deg)}
	50%{opacity:1}
	60%{opacity:0;transform:rotate(-270deg)}
	75%{opacity:0;transform:rotate(-270deg)}
	100%{opacity:0;transform:rotate(-270deg)}
}
.cz_logo
{
	background-image: url(icon-128.png);
	position: absolute;
	left: calc(50% - 64px);
	top: calc(50% - 150px);
	transform-origin: center;
	width: 128px;
	height: 128px;
	border-radius: 25px;
}
.lds-roller {color: #fff }.lds-roller, .lds-roller div, .lds-roller div:after {box-sizing: border-box;}.lds-roller {display: inline-block;position: absolute;width: 80px;height: 80px;left: calc(50% - 40px);top: calc(50% + 10px);transform-origin: center;transform: scale(1.5);z-index: 10;}.lds-roller div {animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}.lds-roller div:after {content: " ";display: block;position: absolute;width: 7.2px;height: 7.2px;border-radius: 50%;background: currentColor;margin: -3.6px 0 0 -3.6px;}.lds-roller div:nth-child(1) {animation-delay: -0.036s;}.lds-roller div:nth-child(1):after {top: 62.62742px;left: 62.62742px;}.lds-roller div:nth-child(2) {animation-delay: -0.072s;}.lds-roller div:nth-child(2):after {top: 67.71281px;left: 56px;}.lds-roller div:nth-child(3) {animation-delay: -0.108s;}.lds-roller div:nth-child(3):after {top: 70.90963px;left: 48.28221px;}.lds-roller div:nth-child(4) {animation-delay: -0.144s;}.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}.lds-roller div:nth-child(5) {animation-delay: -0.18s;}.lds-roller div:nth-child(5):after {top: 70.90963px;left: 31.71779px;}.lds-roller div:nth-child(6) {animation-delay: -0.216s;}.lds-roller div:nth-child(6):after {top: 67.71281px;left: 24px;}.lds-roller div:nth-child(7) {animation-delay: -0.252s;}.lds-roller div:nth-child(7):after {top: 62.62742px;left: 17.37258px;}.lds-roller div:nth-child(8) {animation-delay: -0.288s;}.lds-roller div:nth-child(8):after {top: 56px;left: 12.28719px;}@keyframes lds-roller {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}