@font-face
{
	font-family: "Kurri Island";
	src: url("resources/kurri-island/KurriIslandItaPERSONAL-Reg.ttf") format("truetype");
}

@font-face
{
	font-family: "Cartooner";
	src: url("resources/cartooner/Cartooner-Regular.otf") format("opentype");
}

*
{
	position: relative;
	box-sizing: border-box;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	padding-top: 0.1px;
}
HTML, BODY
{
	padding: 0;
	margin: 0;
	background-color: black;
	color: white;
	background-color: hsl(133deg 54% 43%);
}
BODY
{
	color: white;
	box-shadow: inset 0 300px 200px -200px black;
	line-height: 1.5;
	text-align: center;
	font-size: 25px;
	font-family: "Kurri Island";
	
	/* Fix two.js problems */
	overflow: auto !important;
	position: relative !important;
}
IMG
{
	max-width: 100%;
}
.in
{
	padding-left: 2vmin;
	padding-right: 2vmin;
}
.center
{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.header
{
	background-image: url(resources/header-image.webp);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 600px;
}
.stroke-text-1px
{
	text-shadow:
		-1px -1px 0 black,
		1px -1px 0 black,
		-1px 1px 0 black,
		1px 1px 0 black,
		0px 1px 0 black,
		0px -1px 0 black;
}
.stroke-text-2px
{
	text-shadow:
		-2px -2px 0 black,
		2px -2px 0 black,
		-2px 2px 0 black,
		2px 2px 0 black,
		0px 2px 0 black,
		0px -2px 0 black;
}
.prose
{
	margin-left: auto;
	margin-right: auto;
	padding: 1em 0;
	text-shadow:	0 1px 2px black;
}
.title
{
	margin-left: auto;
	margin-right: auto;
	font-family: "Cartooner";
	font-size: 45px;
}
.bubble
{
	border: 3px solid black;
	border-radius: 15px;
	background-color: white;
	font-family: Cartooner;
	color: black;
	padding: 1em;
	font-size: 2vw;
	max-width: 70vw;
	margin-bottom: 1.5em;
}
.pointer
{
	width: 40px;
	height: 21px;
	clip-path: inset(0 -100px -100px -100px);
	position: absolute;
	top: 100%;
	left: 50%;
}
.pointer:before
{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: white;
	outline: 3px solid black;
	transform: skewY(-28deg);
	transform-origin: 0 -10%;
}
.twist
{
	transform: rotateZ(-12deg);
}
.fed
{
	overflow: hidden;
}
.fed .left, .fed .right
{
	position: absolute;
	top: 0;
	bottom: 0;
	background-image: url(resources/fed-repeat.webp);
	background-repeat: repeat-x;
}
.fed .left
{
	left: 0;
	right: calc(50% + 455px);
	background-position: 100% calc(100% - 12px);
}
.fed .right
{
	left: calc(50% + 455px);
	right: 0;
	background-position: 0 calc(100% - 12px);
}
.story
{
	min-height: 2000px;
	margin-top: -15px;
	padding-bottom: 200px;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(hsl(133, 50%, 15%), hsl(133, 50%, 50%));
	box-shadow: inset 0 30px 30px -30px black;
	overflow: hidden;
}
.falling-cash-stage
{
	position: absolute;
	left: 0;
	top: 0;
}
.news-reporter
{
	margin-top: 60vh;
	z-index: 1;
}
.news-reporter IMG
{
	display: block;
	width: 100%;
}
.news-reporter .bubble
{
	margin-bottom: -2.2em;
	z-index: 1;
}
.military-title
{
	width: 100%;
	padding-top: 10vh;
	margin-bottom: -20em;
	z-index: 1;
}
.military-title :first-child
{
	text-indent: -12em;
	font-size: 3vw;
}
.military-title :last-child
{
	max-width: 10em;
	font-size: 6vw;
}
.proud
{
	max-width: 12em;
	margin-top: -10em;
	padding-bottom: 3em;
	font-size: 4vw;
	font-family: "Kurri Island";
}
.schemes
{
	transform: rotateZ(-10deg);
	transform-origin: 50% 50%;
	font-size: 6vw;
	max-width: 13em;
}
.victim
{
	height: 400px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}
.victim P
{
	position: absolute;
	top: 0;
	left: 0;
}
.victim IMG
{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
.bills-divider
{
	margin-top: -60px;
	margin-bottom: -60px;
	z-index: 1;
	height: 216px;
	background: url(resources/bills-divider.webp) repeat-x 50% 50%;
	background-size: contain;
}
.system-of-control
{
	padding: 120px 1vw;
	background-color: black;
	overflow: hidden;
}
.system-of-control SPAN
{
	font-size: 2.5em;
}
.system-of-control .para
{
	max-width: 18em;
	margin: auto;
}
.shock-left, .shock-right
{
	position: absolute;
	top: -400%;
}
.shock-left
{
	right: 90%;
}
.shock-right
{
	left: 90%;
	transform: scaleX(-1);
}
.tokenomics
{
	padding: 120px 1vw;
	background-color: hsl(120, 50%, 25%);
}
.disclaimer
{
	padding: 120px 1vw;
	background-color: black;
}
.disclaimer .para
{
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 25em;
	font-size: 20px;
}