@font-face {
	font-family: "VCR OSD Mono";
	src: url("VCR_OSD_MONO_1.001.ttf");
}

html, body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
}

body{
	background: black;
	font-family: 'VCR OSD Mono', sans-serif;
	transform: translateZ(0);
	user-select: none;
}

.page{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: black;
	overflow: hidden;
	transform: translateZ(0);
}

.main{
	z-index: 100;
}

.sec{
	z-index: 99;
}

.text_box{
	position: absolute;
	color: white;
	background: black;
	border: 5px ridge gold;
	width: fit-content;
	max-width: 90%;
	padding: 5px 10px;
	font-size: 3vw;
	transition: 1s;
	transform: translateZ(0);
}

.text_box.large{
	font-size: 4vw;
}

.text_box.larger{
	font-size: 4.5vw;
}

.center{
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}

.cf{
	float: right;
	width: 13vw;
	background: green;
	text-align: center;
	margin-left: 25px;
}

.ar{
	float: right;
	width: 13vw;
	background: red;
	text-align: center;
	margin-left: 25px;
}

.bill_hands{
	background: url(bill.png);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 40vw;
	height: 30vw;
	margin: auto;
	background-size: cover;
	transition: 2s;
	transform: translate(0px, 80vw) rotate(-45deg);
}

.bill_hands.shown{
	transform: initial;
}

.under_bottom{
	top: 100vh !important;
}

@media (orientation: portrait) {
	.bill_hands{
		width: 70vw;
		height: 50vw;
	}
}

@media (orientation: landscape) {
	#load_hero{
		right: 20vw;
	}
	
	#load_new{
		right: 20vw;
	}
}