@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
  font-family: 'madness-maker';
  src:  url('/fonts/madness-maker.eot?kstbvv');
  src:  url('/fonts/madness-maker.eot?kstbvv#iefix') format('embedded-opentype'),
    url('/fonts/madness-maker.ttf?kstbvv') format('truetype'),
    url('/fonts/madness-maker.woff?kstbvv') format('woff'),
    url('/fonts/madness-maker.svg?kstbvv#madness-maker') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="mmp-"], [class*=" mmp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'madness-maker' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mmp-good:after {
  content: "\67";
}
.mmp-bad:after {
  content: "\62";
}
.mmp-showpass:after {
  content: "\70";
}
.mmp-hidepass:after {
  content: "\50";
}
.mmp-copy:after {
  content: "\63";
}
.mmp-menu:after {
  content: "\6d";
}
.mmp-menubg:after {
  content: "\4d";
}

* { margin : 0; }

html { height : 100%; }

body {
	background-image: url('/images/bg.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #151f27;
	height : 100%;
	padding : 0;
	min-height: 100vh;
	font-family: arial;

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

	header { }

		header .menu, header .menubg {
			font-size: 64px;
		    position: absolute;
		    left: calc(50% - 32px);
			margin-top: 8%;
		}

		header .menu {
			animation-iteration-count: infinite;
			animation-timing-function: linear;
			animation-name: pulsate;
			animation-duration: 2s;
		}

			header .menu:hover {
				cursor: pointer;
				cursor: hand;
			}

		header .menubg {
			color: #fff;
			opacity: .4;
		}

		header nav { display: none; }

			header nav a {
				animation-iteration-count: infinite;
				animation-timing-function: linear;
				color: #fff;
				text-decoration: none;
				font-weight: 500;
				font-size:25pt;
				font-family: 'Fira Sans Condensed', sans-serif;
				display: inline-block;
				width:fit-content;
			}

				header nav a:hover { color: #aef0ff; }

			header nav .west {
				width: 35%;
				left: 8%;
				top: 3%;
				margin-top: 10px;
				position: absolute;
				text-align: center;
			}

				header nav .west a {
					margin: 15px 100px 0 0;
					text-shadow: #000000 0 0 15px, #000000 -1px 1px 0, #000000 -2px 2px 0, #000000 -3px 3px 0;
				}
				header nav .west a:nth-child(1) {
					animation-name: infinity_ccw_from_ne;
					animation-duration: 175s;
				}
				header nav .west a:nth-child(2) {
					animation-name: infinity_ccw_from_se;
					animation-duration: 120s;
				}

			header nav .east {
				width: 52%;
				right: 0;
				top: 4%;
				margin-top: 10px;
				position: absolute;
				text-align: center;
			}

				header nav .east a {
					margin: 15px 0 0 100px;
					text-shadow: #000000 0 0 15px, #000000 1px 1px 0, #000000 2px 2px 0, #000000 3px 3px 0;
				}
				header nav .east a:nth-child(1) {
					animation-name: infinity_cw_from_w;
					animation-duration: 140s;
				}
				header nav .east a:nth-child(2) {
					animation-name: infinity_cw_from_center;
					animation-duration: 200s;
				}
	main {}

		main .globe2 {
			width: 34%;
			left: 8%;
			margin-top: 9%;
			position: absolute;
		}

			main .globe2 .aspect { margin-top: 105%; }

			main .globe2 .ratio {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				display: flex;
				align-items: center;
			}

				main .globe2 .valign { margin: 0 auto; }

					main .globe2 #quote {
						font-size: 14pt;
						margin: 0 80px;
					}

					.quotes_out {
						animation-name: quotes_out;
						animation-duration: 2s;
					}
					.quotes_in {
						animation-name: quotes_in;
						animation-duration: 2s;
					}

						main .globe2 #quote q { font-style: italic; }

						main .globe2 #quote b {
							text-align: center;
							display: block;
						}

				main .globe2 h1 {
					font-family: 'Fira Sans Condensed', sans-serif;
					font-size: 30pt;
					margin: 30px auto 18px auto;
					width: fit-content;
					text-shadow: #fff 1px 1px 0;
					color: #151f27;
				}

					main .globe2 h1.error_code {
						font-size: 20vw;
						transform: rotate(-43deg);
					}

				main .globe2 a {
					color: #009c1f;
					text-shadow: #d5f7d9 1px 1px 0;
					text-decoration: underline;
				}

					main .globe2 a:hover, #copypass:hover, #togglepass:hover, #toggleconf:hover {
						color: #8b3b9c;
						cursor: pointer;
						cursor: hand;
					}

				main .globe2 .center {
					margin: 0 auto;
					width: fit-content;
					font-size: 12pt;
				}

				.error, .success, .neutral {
					display: block;
					margin: 10px auto;
					width: fit-content;
					font-weight: bold;
					font-size: 12pt;
				}
				.error { color: #ff0000; }
				.success { color: #009c1f; }
				.neutral { color: #0086ca; }

					.error:nth-of-type(1) { margin-top: 20px; }

					.label1 { grid-area: label1; }
					.input1 { grid-area: input1; }
					.nextto1 { grid-area: nextto1; }
					.after1 { grid-area: after1; }
					.label2 { grid-area: label2; }
					.input2 { grid-area: input2; }
					.nextto2 { grid-area: nextto2; }
					.after2 { grid-area: after2; }
					.label3 { grid-area: label3; }
					.input3 { grid-area: input3; }
					.nextto3 { grid-area: nextto3; }
					.after3 { grid-area: after3; }
					.label4 { grid-area: label4; }
					.input4 { grid-area: input4; }
					.nextto4 { grid-area: nextto4; }
					.after4 { grid-area: after4; }
					.after1, .after2, .after3, .after4  {
						width: fit-content;
						margin: 3px auto 10px auto;
						font-size: 11pt !important;
					}
					.submit {
						grid-area: submit;
						width: fit-content;
						margin: 15px auto 0 auto;
						font-size: 11pt !important;
						font-weight: bold;
						-moz-box-shadow: none !important;
						-webkit-box-shadow: none !important;
						box-shadow: none !important;
						padding: 5px 10px !important;
						border: 1px solid #151f28 !important;
						text-shadow: #fff 1px 1px 0;
					}

				main .globe2 form {
					display: grid;
					grid-template-areas:
						'label1 input1 nextto1'
						'after1 after1 after1'
						'label2 input2 nextto2'
						'after2 after2 after2'
						'label3 input3 nextto3'
						'after3 after3 after3'
						'label4 input4 nextto4'
						'after4 after4 after4'
						'submit submit submit';
					margin: 30px auto 20px auto;
					width: fit-content;
				}
/* pretty sure this isn't in use
					main .globe2 .tr {
						display: table-row;
					}
*/
						main .globe2 label {
							display: table-cell;
							font-weight: bold;
							padding: 6px 6px 0 0;
							font-size: 11pt;
							text-shadow: #d8f8ff 1px 1px 0;
							position: relative;
						}

						label.passbump { padding-right: 32px !important; }

						main .globe2 input {
							margin-bottom: 5px;
							padding: 5px;
							-moz-box-shadow: inset 1px 1px 2px #151f28;
							-webkit-box-shadow: inset 1px 1px 2px #151f28;
							box-shadow: inset 1px 1px 2px #151f28;
							border: 0;
							font-size: 10pt;
						}

							main .globe2 input[type=checkbox] {
								margin-top: 7px;
							}

						input:required:valid + span:before  {
							font-family: 'madness-maker' !important;
							margin: 3px 0 0 4px;
							display: inline-block;
							font-weight: bold;
							font-size: 14pt;
							text-shadow: #fff 1px 1px 0;
							content: "\67";
							color: #009c1f;
						}
						input:required:invalid + span:before  {
							font-family: 'madness-maker' !important;
							margin: 3px 3px 0 5px;
							display: inline-block;
							font-weight: bold;
							font-size: 14pt;
							text-shadow: #fff 1px 1px 0;
							content: "\62";
							color: #8b3b9c;
						}

						#copypass, #togglepass, #toggleconf {
							font-weight: bold;
							font-size: 14pt;
							text-shadow: #fff 1px 1px 0;
							position: absolute;
						}

						#copypass {
							right: 32px;
							top: 5px;
						}

						#togglepass, #toggleconf {
							right: 7px;
							top: 4px;
						}

		main .legal {
			background: rgb(21 31 39 / 90%);
			border-radius: 30px;
			box-shadow: 0px 0px 30px #000;
			color: #fff;
			font-size: 10pt;
			left: 0;
			margin: 265px auto 0 auto;
			padding: 30px;
			position: absolute;
			right: 0;
			width: 60%;
    	}

			main .legal h1 {
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size: 30pt;
				margin: 0 auto 15px auto;
				width: fit-content;
				text-shadow: #000 2px 2px 0;
				color: #fff;
			}

			main .legal h2 {
				font-family: 'Fira Sans Condensed', sans-serif;
				font-size: 20pt;
				margin: 15px 0;
				width: fit-content;
				text-shadow: #000 2px 2px 0;
				color: #ffffff;
			}

			main .legal p { margin-top: 15px; }

		main .globe3 {
			/*width: 52%;*/
			/*width: 46%;
			right: 0;*/
			width: 44%;
			right: 20px;
			margin-top: 10%;
			position: absolute;
		}

			main .globe3 .aspect {
				margin-top: 88%;
			}

			main .globe3 .ratio {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				display: flex;
				align-items: center;
			}

				main .globe3 .valign {
					margin: 0 auto;
				}

					main .globe3 h3 {
						color: #151f27;
						font-family: 'Fira Sans Condensed', sans-serif;
						text-shadow: #fff 1px 1px 0;
					}

						main .globe3 h3.error_code {
							font-size: 2vw;
						}

						main .globe3 h3.newsletter {
							font-size: 15pt;
						}

					main .globe3 .newsletter {
						font-size: 11pt;
					}

						main .globe3 .newsletter input[type=email] {
							font-size: 12pt;
						}

						main .globe3 .newsletter input[type=submit] {
							font-size: 12pt;
							font-weight: bold;
							margin: 6px 0 4px 0;
							padding-top: 4px;
							width: 100%;
						}


/* Animations */

@keyframes pulsate {
	0%   { color: #151f27; }
	50%  { color: #8b3b9c; }
	100% { color: #151f27; }
}

@keyframes infinity_ccw_from_center {
	0%   { transform: translate(0, 0); }
	1%   { transform: translate(2px, 2px); }
	2%   { transform: translate(4px, 4px); }
	3%   { transform: translate(6px, 6px); }
	4%   { transform: translate(8px, 8px); }
	5%   { transform: translate(10px, 9px); }
	6%   { transform: translate(12px, 10px); }
	7%   { transform: translate(14px, 11px); }
	8%   { transform: translate(16px, 12px); }
	9%   { transform: translate(18px, 12px); }
	10%  { transform: translate(20px, 13px); }
	11%  { transform: translate(22px, 13px); }
	12%  { transform: translate(24px, 14px); }
	13%  { transform: translate(26px, 14px); }
	14%  { transform: translate(28px, 14px); }
	15%  { transform: translate(30px, 14px); }
	16%  { transform: translate(32px, 13px); }
	17%  { transform: translate(34px, 13px); }
	18%  { transform: translate(36px, 12px); }
	19%  { transform: translate(38px, 11px); }
	20%  { transform: translate(40px, 10px); }
	21%  { transform: translate(42px, 8px); }
	22%  { transform: translate(43px, 6px); }
	23%  { transform: translate(44px, 4px); }
	24%  { transform: translate(45px, 2px); }
	25%  { transform: translate(45px, 0); }
	26%  { transform: translate(45px, -2px); }
	27%  { transform: translate(44px, -4px); }
	28%  { transform: translate(43px, -6px); }
	29%  { transform: translate(42px, -8px); }
	30%  { transform: translate(40px, -10px); }
	31%  { transform: translate(38px, -11px); }
	32%  { transform: translate(36px, -12px); }
	33%  { transform: translate(34px, -13px); }
	34%  { transform: translate(32px, -13px); }
	35%  { transform: translate(30px, -14px); }
	36%  { transform: translate(28px, -14px); }
	37%  { transform: translate(26px, -14px); }
	38%  { transform: translate(24px, -14px); }
	39%  { transform: translate(22px, -13px); }
	40%  { transform: translate(20px, -13px); }
	41%  { transform: translate(18px, -12px); }
	42%  { transform: translate(16px, -12px); }
	43%  { transform: translate(14px, -11px); }
	44%  { transform: translate(12px, -10px); }
	45%  { transform: translate(10px, -9px); }
	46%  { transform: translate(8px, -8px); }
	47%  { transform: translate(6px, -6px); }
	48%  { transform: translate(4px, -4px); }
	49%  { transform: translate(2px, -2px); }
	50%  { transform: translate(0, 0); }
	51%  { transform: translate(-2px, 2px); }
	52%  { transform: translate(-4px, 4px); }
	53%  { transform: translate(-6px, 6px); }
	54%  { transform: translate(-8px, 8px); }
	55%  { transform: translate(-10px, 9px); }
	56%  { transform: translate(-12px, 10px); }
	57%  { transform: translate(-14px, 11px); }
	58%  { transform: translate(-16px, 12px); }
	59%  { transform: translate(-18px, 12px); }
	60%  { transform: translate(-20px, 13px); }
	61%  { transform: translate(-22px, 13px); }
	62%  { transform: translate(-24px, 14px); }
	63%  { transform: translate(-26px, 14px); }
	64%  { transform: translate(-28px, 14px); }
	65%  { transform: translate(-30px, 14px); }
	66%  { transform: translate(-32px, 13px); }
	67%  { transform: translate(-34px, 13px); }
	68%  { transform: translate(-36px, 12px); }
	69%  { transform: translate(-38px, 11px); }
	70%  { transform: translate(-40px, 10px); }
	71%  { transform: translate(-42px, 8px); }
	72%  { transform: translate(-43px, 6px); }
	73%  { transform: translate(-44px, 4px); }
	74%  { transform: translate(-45px, 2px); }
	75%  { transform: translate(-45px, 0); }
	76%  { transform: translate(-45px, -2px); }
	77%  { transform: translate(-44px, -4px); }
	78%  { transform: translate(-43px, -6px); }
	79%  { transform: translate(-42px, -8px); }
	80%  { transform: translate(-40px, -10px); }
	81%  { transform: translate(-38px, -11px); }
	82%  { transform: translate(-36px, -12px); }
	83%  { transform: translate(-34px, -13px); }
	84%  { transform: translate(-32px, -13px); }
	85%  { transform: translate(-30px, -14px); }
	86%  { transform: translate(-28px, -14px); }
	87%  { transform: translate(-26px, -14px); }
	88%  { transform: translate(-24px, -14px); }
	89%  { transform: translate(-22px, -13px); }
	90%  { transform: translate(-20px, -13px); }
	91%  { transform: translate(-18px, -12px); }
	92%  { transform: translate(-16px, -12px); }
	93%  { transform: translate(-14px, -11px); }
	94%  { transform: translate(-12px, -10px); }
	95%  { transform: translate(-10px, -9px); }
	96%  { transform: translate(-8px, -8px); }
	97%  { transform: translate(-6px, -6px); }
	98%  { transform: translate(-4px, -4px); }
	99%  { transform: translate(-2px, -2px); }
	100% { transform: translate(0, 0); }
}

@keyframes infinity_ccw_from_se {
	0%   { transform: translate(24px, 14px); }
	1%   { transform: translate(26px, 14px); }
	2%   { transform: translate(28px, 14px); }
	3%   { transform: translate(30px, 14px); }
	4%   { transform: translate(32px, 13px); }
	5%   { transform: translate(34px, 13px); }
	6%   { transform: translate(36px, 12px); }
	7%   { transform: translate(38px, 11px); }
	8%   { transform: translate(40px, 10px); }
	9%   { transform: translate(42px, 8px); }
	10%  { transform: translate(43px, 6px); }
	11%  { transform: translate(44px, 4px); }
	12%  { transform: translate(45px, 2px); }
	13%  { transform: translate(45px, 0); }
	14%  { transform: translate(45px, -2px); }
	15%  { transform: translate(44px, -4px); }
	16%  { transform: translate(43px, -6px); }
	17%  { transform: translate(42px, -8px); }
	18%  { transform: translate(40px, -10px); }
	19%  { transform: translate(38px, -11px); }
	20%  { transform: translate(36px, -12px); }
	21%  { transform: translate(34px, -13px); }
	22%  { transform: translate(32px, -13px); }
	23%  { transform: translate(30px, -14px); }
	24%  { transform: translate(28px, -14px); }
	25%  { transform: translate(26px, -14px); }
	26%  { transform: translate(24px, -14px); }
	27%  { transform: translate(22px, -13px); }
	28%  { transform: translate(20px, -13px); }
	29%  { transform: translate(18px, -12px); }
	30%  { transform: translate(16px, -12px); }
	31%  { transform: translate(14px, -11px); }
	32%  { transform: translate(12px, -10px); }
	33%  { transform: translate(10px, -9px); }
	34%  { transform: translate(8px, -8px); }
	35%  { transform: translate(6px, -6px); }
	36%  { transform: translate(4px, -4px); }
	37%  { transform: translate(2px, -2px); }
	38%  { transform: translate(0, 0); }
	39%  { transform: translate(-2px, 2px); }
	40%  { transform: translate(-4px, 4px); }
	41%  { transform: translate(-6px, 6px); }
	42%  { transform: translate(-8px, 8px); }
	43%  { transform: translate(-10px, 9px); }
	44%  { transform: translate(-12px, 10px); }
	45%  { transform: translate(-14px, 11px); }
	46%  { transform: translate(-16px, 12px); }
	47%  { transform: translate(-18px, 12px); }
	48%  { transform: translate(-20px, 13px); }
	49%  { transform: translate(-22px, 13px); }
	50%  { transform: translate(-24px, 14px); }
	51%  { transform: translate(-26px, 14px); }
	52%  { transform: translate(-28px, 14px); }
	53%  { transform: translate(-30px, 14px); }
	54%  { transform: translate(-32px, 13px); }
	55%  { transform: translate(-34px, 13px); }
	56%  { transform: translate(-36px, 12px); }
	57%  { transform: translate(-38px, 11px); }
	58%  { transform: translate(-40px, 10px); }
	59%  { transform: translate(-42px, 8px); }
	60%  { transform: translate(-43px, 6px); }
	61%  { transform: translate(-44px, 4px); }
	62%  { transform: translate(-45px, 2px); }
	63%  { transform: translate(-45px, 0); }
	64%  { transform: translate(-45px, -2px); }
	65%  { transform: translate(-44px, -4px); }
	66%  { transform: translate(-43px, -6px); }
	67%  { transform: translate(-42px, -8px); }
	68%  { transform: translate(-40px, -10px); }
	69%  { transform: translate(-38px, -11px); }
	70%  { transform: translate(-36px, -12px); }
	71%  { transform: translate(-34px, -13px); }
	72%  { transform: translate(-32px, -13px); }
	73%  { transform: translate(-30px, -14px); }
	74%  { transform: translate(-28px, -14px); }
	75%  { transform: translate(-26px, -14px); }
	76%  { transform: translate(-24px, -14px); }
	77%  { transform: translate(-22px, -13px); }
	78%  { transform: translate(-20px, -13px); }
	79%  { transform: translate(-18px, -12px); }
	80%  { transform: translate(-16px, -12px); }
	81%  { transform: translate(-14px, -11px); }
	82%  { transform: translate(-12px, -10px); }
	83%  { transform: translate(-10px, -9px); }
	84%  { transform: translate(-8px, -8px); }
	85%  { transform: translate(-6px, -6px); }
	86%  { transform: translate(-4px, -4px); }
	87%  { transform: translate(-2px, -2px); }
	88%  { transform: translate(0, 0); }
	89%  { transform: translate(2px, 2px); }
	90%  { transform: translate(4px, 4px); }
	91%  { transform: translate(6px, 6px); }
	92%  { transform: translate(8px, 8px); }
	93%  { transform: translate(10px, 9px); }
	94%  { transform: translate(12px, 10px); }
	95%  { transform: translate(14px, 11px); }
	96%  { transform: translate(16px, 12px); }
	97%  { transform: translate(18px, 12px); }
	98%  { transform: translate(20px, 13px); }
	99%  { transform: translate(22px, 13px); }
	100% { transform: translate(24px, 14px); }
}

@keyframes infinity_ccw_from_ne {
	0%   { transform: translate(22px, -13px); }
	1%   { transform: translate(20px, -13px); }
	2%   { transform: translate(18px, -12px); }
	3%   { transform: translate(16px, -12px); }
	4%   { transform: translate(14px, -11px); }
	5%   { transform: translate(12px, -10px); }
	6%   { transform: translate(10px, -9px); }
	7%   { transform: translate(8px, -8px); }
	8%   { transform: translate(6px, -6px); }
	9%   { transform: translate(4px, -4px); }
	10%  { transform: translate(2px, -2px); }
	11%  { transform: translate(0, 0); }
	12%  { transform: translate(-2px, 2px); }
	13%  { transform: translate(-4px, 4px); }
	14%  { transform: translate(-6px, 6px); }
	15%  { transform: translate(-8px, 8px); }
	16%  { transform: translate(-10px, 9px); }
	17%  { transform: translate(-12px, 10px); }
	18%  { transform: translate(-14px, 11px); }
	19%  { transform: translate(-16px, 12px); }
	20%  { transform: translate(-18px, 12px); }
	21%  { transform: translate(-20px, 13px); }
	22%  { transform: translate(-22px, 13px); }
	23%  { transform: translate(-24px, 14px); }
	24%  { transform: translate(-26px, 14px); }
	25%  { transform: translate(-28px, 14px); }
	26%  { transform: translate(-30px, 14px); }
	27%  { transform: translate(-32px, 13px); }
	28%  { transform: translate(-34px, 13px); }
	29%  { transform: translate(-36px, 12px); }
	30%  { transform: translate(-38px, 11px); }
	31%  { transform: translate(-40px, 10px); }
	32%  { transform: translate(-42px, 8px); }
	33%  { transform: translate(-43px, 6px); }
	34%  { transform: translate(-44px, 4px); }
	35%  { transform: translate(-45px, 2px); }
	36%  { transform: translate(-45px, 0); }
	37%  { transform: translate(-45px, -2px); }
	38%  { transform: translate(-44px, -4px); }
	39%  { transform: translate(-43px, -6px); }
	40%  { transform: translate(-42px, -8px); }
	41%  { transform: translate(-40px, -10px); }
	42%  { transform: translate(-38px, -11px); }
	43%  { transform: translate(-36px, -12px); }
	44%  { transform: translate(-34px, -13px); }
	45%  { transform: translate(-32px, -13px); }
	46%  { transform: translate(-30px, -14px); }
	47%  { transform: translate(-28px, -14px); }
	48%  { transform: translate(-26px, -14px); }
	49%  { transform: translate(-24px, -14px); }
	50%  { transform: translate(-22px, -13px); }
	51%  { transform: translate(-20px, -13px); }
	52%  { transform: translate(-18px, -12px); }
	53%  { transform: translate(-16px, -12px); }
	54%  { transform: translate(-14px, -11px); }
	55%  { transform: translate(-12px, -10px); }
	56%  { transform: translate(-10px, -9px); }
	57%  { transform: translate(-8px, -8px); }
	58%  { transform: translate(-6px, -6px); }
	59%  { transform: translate(-4px, -4px); }
	60%  { transform: translate(-2px, -2px); }
	61%  { transform: translate(0, 0); }
	62%  { transform: translate(2px, 2px); }
	63%  { transform: translate(4px, 4px); }
	64%  { transform: translate(6px, 6px); }
	65%  { transform: translate(8px, 8px); }
	66%  { transform: translate(10px, 9px); }
	67%  { transform: translate(12px, 10px); }
	68%  { transform: translate(14px, 11px); }
	69%  { transform: translate(16px, 12px); }
	70%  { transform: translate(18px, 12px); }
	71%  { transform: translate(20px, 13px); }
	72%  { transform: translate(22px, 13px); }
	73%  { transform: translate(24px, 14px); }
	74%  { transform: translate(26px, 14px); }
	75%  { transform: translate(28px, 14px); }
	76%  { transform: translate(30px, 14px); }
	77%  { transform: translate(32px, 13px); }
	78%  { transform: translate(34px, 13px); }
	79%  { transform: translate(36px, 12px); }
	80%  { transform: translate(38px, 11px); }
	81%  { transform: translate(40px, 10px); }
	82%  { transform: translate(42px, 8px); }
	83%  { transform: translate(43px, 6px); }
	84%  { transform: translate(44px, 4px); }
	85%  { transform: translate(45px, 2px); }
	86%  { transform: translate(45px, 0); }
	87%  { transform: translate(45px, -2px); }
	88%  { transform: translate(44px, -4px); }
	89%  { transform: translate(43px, -6px); }
	90%  { transform: translate(42px, -8px); }
	91%  { transform: translate(40px, -10px); }
	92%  { transform: translate(38px, -11px); }
	93%  { transform: translate(36px, -12px); }
	94%  { transform: translate(34px, -13px); }
	95%  { transform: translate(32px, -13px); }
	96%  { transform: translate(30px, -14px); }
	97%  { transform: translate(28px, -14px); }
	98%  { transform: translate(26px, -14px); }
	99%  { transform: translate(24px, -14px); }
	100% { transform: translate(22px, -13px); }
}

@keyframes infinity_cw_from_center {
	0%   { transform: translate(0, 0); }
	1%   { transform: translate(-2px, -2px); }
	2%   { transform: translate(-4px, -4px); }
	3%   { transform: translate(-6px, -6px); }
	4%   { transform: translate(-8px, -8px); }
	5%   { transform: translate(-10px, -9px); }
	6%   { transform: translate(-12px, -10px); }
	7%   { transform: translate(-14px, -11px); }
	8%   { transform: translate(-16px, -12px); }
	9%   { transform: translate(-18px, -12px); }
	10%  { transform: translate(-20px, -13px); }
	11%  { transform: translate(-22px, -13px); }
	12%  { transform: translate(-24px, -14px); }
	13%  { transform: translate(-26px, -14px); }
	14%  { transform: translate(-28px, -14px); }
	15%  { transform: translate(-30px, -14px); }
	16%  { transform: translate(-32px, -13px); }
	17%  { transform: translate(-34px, -13px); }
	18%  { transform: translate(-36px, -12px); }
	19%  { transform: translate(-38px, -11px); }
	20%  { transform: translate(-40px, -10px); }
	21%  { transform: translate(-42px, -8px); }
	22%  { transform: translate(-43px, -6px); }
	23%  { transform: translate(-44px, -4px); }
	24%  { transform: translate(-45px, -2px); }
	25%  { transform: translate(-45px, 0); }
	26%  { transform: translate(-45px, 2px); }
	27%  { transform: translate(-44px, 4px); }
	28%  { transform: translate(-43px, 6px); }
	29%  { transform: translate(-42px, 8px); }
	30%  { transform: translate(-40px, 10px); }
	31%  { transform: translate(-38px, 11px); }
	32%  { transform: translate(-36px, 12px); }
	33%  { transform: translate(-34px, 13px); }
	34%  { transform: translate(-32px, 13px); }
	35%  { transform: translate(-30px, 14px); }
	36%  { transform: translate(-28px, 14px); }
	37%  { transform: translate(-26px, 14px); }
	38%  { transform: translate(-24px, 14px); }
	39%  { transform: translate(-22px, 13px); }
	40%  { transform: translate(-20px, 13px); }
	41%  { transform: translate(-18px, 12px); }
	42%  { transform: translate(-16px, 12px); }
	43%  { transform: translate(-14px, 11px); }
	44%  { transform: translate(-12px, 10px); }
	45%  { transform: translate(-10px, 9px); }
	46%  { transform: translate(-8px, 8px); }
	47%  { transform: translate(-6px, 6px); }
	48%  { transform: translate(-4px, 4px); }
	49%  { transform: translate(-2px, 2px); }
	50%  { transform: translate(0, 0); }
	51%  { transform: translate(2px, -2px); }
	52%  { transform: translate(4px, -4px); }
	53%  { transform: translate(6px, -6px); }
	54%  { transform: translate(8px, -8px); }
	55%  { transform: translate(10px, -9px); }
	56%  { transform: translate(12px, -10px); }
	57%  { transform: translate(14px, -11px); }
	58%  { transform: translate(16px, -12px); }
	59%  { transform: translate(18px, -12px); }
	60%  { transform: translate(20px, -13px); }
	61%  { transform: translate(22px, -13px); }
	62%  { transform: translate(24px, -14px); }
	63%  { transform: translate(26px, -14px); }
	64%  { transform: translate(28px, -14px); }
	65%  { transform: translate(30px, -14px); }
	66%  { transform: translate(32px, -13px); }
	67%  { transform: translate(34px, -13px); }
	68%  { transform: translate(36px, -12px); }
	69%  { transform: translate(38px, -11px); }
	70%  { transform: translate(40px, -10px); }
	71%  { transform: translate(42px, -8px); }
	72%  { transform: translate(43px, -6px); }
	73%  { transform: translate(44px, -4px); }
	74%  { transform: translate(45px, -2px); }
	75%  { transform: translate(45px, 0); }
	76%  { transform: translate(45px, 2px); }
	77%  { transform: translate(44px, 4px); }
	78%  { transform: translate(43px, 6px); }
	79%  { transform: translate(42px, 8px); }
	80%  { transform: translate(40px, 10px); }
	81%  { transform: translate(38px, 11px); }
	82%  { transform: translate(36px, 12px); }
	83%  { transform: translate(34px, 13px); }
	84%  { transform: translate(32px, 13px); }
	85%  { transform: translate(30px, 14px); }
	86%  { transform: translate(28px, 14px); }
	87%  { transform: translate(26px, 14px); }
	88%  { transform: translate(24px, 14px); }
	89%  { transform: translate(22px, 13px); }
	90%  { transform: translate(20px, 13px); }
	91%  { transform: translate(18px, 12px); }
	92%  { transform: translate(16px, 12px); }
	93%  { transform: translate(14px, 11px); }
	94%  { transform: translate(12px, 10px); }
	95%  { transform: translate(10px, 9px); }
	96%  { transform: translate(8px, 8px); }
	97%  { transform: translate(6px, 6px); }
	98%  { transform: translate(4px, 4px); }
	99%  { transform: translate(2px, 2px); }
	100% { transform: translate(0, 0); }
}

@keyframes infinity_cw_from_w {
	0%   { transform: translate(-45px, 0); }
	1%   { transform: translate(-45px, 2px); }
	2%   { transform: translate(-44px, 4px); }
	3%   { transform: translate(-43px, 6px); }
	4%   { transform: translate(-42px, 8px); }
	5%   { transform: translate(-40px, 10px); }
	6%   { transform: translate(-38px, 11px); }
	7%   { transform: translate(-36px, 12px); }
	8%   { transform: translate(-34px, 13px); }
	9%   { transform: translate(-32px, 13px); }
	10%  { transform: translate(-30px, 14px); }
	11%  { transform: translate(-28px, 14px); }
	12%  { transform: translate(-26px, 14px); }
	13%  { transform: translate(-24px, 14px); }
	14%  { transform: translate(-22px, 13px); }
	15%  { transform: translate(-20px, 13px); }
	16%  { transform: translate(-18px, 12px); }
	17%  { transform: translate(-16px, 12px); }
	18%  { transform: translate(-14px, 11px); }
	19%  { transform: translate(-12px, 10px); }
	20%  { transform: translate(-10px, 9px); }
	21%  { transform: translate(-8px, 8px); }
	22%  { transform: translate(-6px, 6px); }
	23%  { transform: translate(-4px, 4px); }
	24%  { transform: translate(-2px, 2px); }
	25%  { transform: translate(0, 0); }
	26%  { transform: translate(2px, -2px); }
	27%  { transform: translate(4px, -4px); }
	28%  { transform: translate(6px, -6px); }
	29%  { transform: translate(8px, -8px); }
	30%  { transform: translate(10px, -9px); }
	31%  { transform: translate(12px, -10px); }
	32%  { transform: translate(14px, -11px); }
	33%  { transform: translate(16px, -12px); }
	34%  { transform: translate(18px, -12px); }
	35%  { transform: translate(20px, -13px); }
	36%  { transform: translate(22px, -13px); }
	37%  { transform: translate(24px, -14px); }
	38%  { transform: translate(26px, -14px); }
	39%  { transform: translate(28px, -14px); }
	40%  { transform: translate(30px, -14px); }
	41%  { transform: translate(32px, -13px); }
	42%  { transform: translate(34px, -13px); }
	43%  { transform: translate(36px, -12px); }
	44%  { transform: translate(38px, -11px); }
	45%  { transform: translate(40px, -10px); }
	46%  { transform: translate(42px, -8px); }
	47%  { transform: translate(43px, -6px); }
	48%  { transform: translate(44px, -4px); }
	49%  { transform: translate(45px, -2px); }
	50%  { transform: translate(45px, 0); }
	51%  { transform: translate(45px, 2px); }
	52%  { transform: translate(44px, 4px); }
	53%  { transform: translate(43px, 6px); }
	54%  { transform: translate(42px, 8px); }
	55%  { transform: translate(40px, 10px); }
	56%  { transform: translate(38px, 11px); }
	57%  { transform: translate(36px, 12px); }
	58%  { transform: translate(34px, 13px); }
	59%  { transform: translate(32px, 13px); }
	60%  { transform: translate(30px, 14px); }
	61%  { transform: translate(28px, 14px); }
	62%  { transform: translate(26px, 14px); }
	63%  { transform: translate(24px, 14px); }
	64%  { transform: translate(22px, 13px); }
	65%  { transform: translate(20px, 13px); }
	66%  { transform: translate(18px, 12px); }
	67%  { transform: translate(16px, 12px); }
	68%  { transform: translate(14px, 11px); }
	69%  { transform: translate(12px, 10px); }
	70%  { transform: translate(10px, 9px); }
	71%  { transform: translate(8px, 8px); }
	72%  { transform: translate(6px, 6px); }
	73%  { transform: translate(4px, 4px); }
	74%  { transform: translate(2px, 2px); }
	75%  { transform: translate(0, 0); }
	76%  { transform: translate(-2px, -2px); }
	77%  { transform: translate(-4px, -4px); }
	78%  { transform: translate(-6px, -6px); }
	79%  { transform: translate(-8px, -8px); }
	80%  { transform: translate(-10px, -9px); }
	81%  { transform: translate(-12px, -10px); }
	82%  { transform: translate(-14px, -11px); }
	83%  { transform: translate(-16px, -12px); }
	84%  { transform: translate(-18px, -12px); }
	85%  { transform: translate(-20px, -13px); }
	86%  { transform: translate(-22px, -13px); }
	87%  { transform: translate(-24px, -14px); }
	88%  { transform: translate(-26px, -14px); }
	89%  { transform: translate(-28px, -14px); }
	90%  { transform: translate(-30px, -14px); }
	91%  { transform: translate(-32px, -13px); }
	92%  { transform: translate(-34px, -13px); }
	93%  { transform: translate(-36px, -12px); }
	94%  { transform: translate(-38px, -11px); }
	95%  { transform: translate(-40px, -10px); }
	96%  { transform: translate(-42px, -8px); }
	97%  { transform: translate(-43px, -6px); }
	98%  { transform: translate(-44px, -4px); }
	99%  { transform: translate(-45px, -2px); }
	100% { transform: translate(-45px, 0); }
}

@keyframes quotes_out {
	0%   { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes quotes_in {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}