@import url('https://fonts.googleapis.com/css2?family=Stick&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amaranth:wght@400;700&display=swap');

.main-row {
	display: inline-block;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.center {
	text-align: center;
}

.tab-right {
	float: right;
}

.tab-left {
	float: left;
}

.full-width {
	width: 100%;
}

.max-width-20per {
	width: 20%;
}

.max-height-200 {
	max-height: 200px;
}

.max-height-300 {
	max-height: 300px;
}

.main-font-1 {
	margin: 0px;
	font-family: "Arial Rounded MT";
}

.main-font-2 {
	margin: 0px;
	font-family: 'Stick', sans-serif;
}

.main-font-3 {
	margin: 0px;
	font-family: 'Quicksand', sans-serif;
}

.main-font-4 {
	margin: 0px;
	font-family: 'Yusei Magic', sans-serif;
}

.main-font-5 {
	margin: 0px;
	font-family: 'Jost', sans-serif;
}

.main-font-6 {
	margin: 0px;
	font-family: 'Amaranth', sans-serif;
}

.color-white {
	color: #ffffff;
}

.color-black {
	color: #000000;
}

.color-main-1 {
	color: #7ac7e0;
}

.white-stroke {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: white;
	text-shadow: 2px 2px white;
}

.black-stroke {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	text-shadow: 2px 2px black;
}

.gray-stroke {
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #707070;
	text-shadow: 2px 2px #707070;
}

.background-black {
	background-color: black;
}

.background-white {
	background-color: white;
}

background-gray {
	background-color: rgba(64,64,64,.8);
}

.main-panel {
	padding: 10px;
	max-width: 90%;
	margin: 25px auto 25px auto;
}

.tab-panel {
	padding: 10px;
	margin: 25px 0px 25px 0px;
}

.inline-block {
	display: inline-block;
}

.panel-white {
	background-color: rgba(255,255,255,.3);
}

.panel-black {
	background-color: rgba(0,0,0,.3);
}

.panel-gray {
	background-color: rgba(64,64,64,.8);
}

@media only screen and (min-width: 1000px) {

	.half-panel {
		width: 45%;
	}

	.tab-panel {
		max-width: 45%;
	}

	.panel-text h1 {
		color: #ffffff;
		font-size: 72;
	}

	.panel-text h2 {
		color: #ffffff;
		font-size: 48;
	}

	.panel-text h3 {
		color: #ffffff;
		font-size: 32;
	}

	.panel-text h4 {
		color: #ffffff;
		font-size: 24;
	}

	.panel-text p {
		color: #ffffff;
		font-size: 18;
	}

	.display-desktop {
		display: inline-block;
	}

	.display-mobile {
		display: none;
	}

	.wide-margin {
		margin: 35px;
	}

	.narrow-margin {
		margin: 5px;
	}

	.main-panel iframe,
	.tab-panel iframe {
		width: 400px;
		min-height: 300px;
	}

	.half-panel iframe
	{
		width: 600px;
		min-height: 400px;
	}

	.main-panel img,
	.tab-panel img {
		max-width: 400px;
	}
}

@media only screen and (max-width: 1000px) {

	.tab-right,
	.tab-left {
		float: none;
	}

	.tab-panel {
		max-width: 100%;
	}

	.panel-text h1 {
		color: #ffffff;
		font-size: 48;
	}

	.panel-text h2 {
		color: #ffffff;
		font-size: 32;
	}

	.panel-text h3 {
		color: #ffffff;
		font-size: 24;
	}

	.panel-text h4 {
		color: #ffffff;
		font-size: 18;
	}

	.panel-text p {
		color: #ffffff;
		font-size: 12;
	}

	.display-desktop {
		display: none;
	}

	.display-mobile {
		display: inline-block;
	}

	.main-panel iframe,
	.tab-panel iframe {
		width: 350px;
		min-height: 300px;
	}

	.main-panel img,
	.tab-panel img {
		max-width: 350px;
	}
}

@media only screen and (max-width: 500px) {
	.panel-text h1 {
		color: #ffffff;
		font-size: 24;
	}

	.panel-text h2 {
		color: #ffffff;
		font-size: 20;
	}

	.panel-text h3 {
		color: #ffffff;
		font-size: 16;
	}

	.panel-text h4 {
		color: #ffffff;
		font-size: 12;
	}

	.panel-text p {
		color: #ffffff;
		font-size: 8;
	}

	.wide-margin {
		margin: 15px;
	}

	.narrow-margin {
		margin: 5px;
	}

	.main-panel iframe,
	.tab-panel iframe {
		width: 200px;
		min-height: 150px;
	}

	.main-panel img,
	.tab-panel img {
		max-width: 200px;
	}
}

@media only screen and (max-width: 325px) {
	.main-panel iframe,
	.tab-panel iframe {
		width: 150px;
		min-height: 100px;
	}

	.main-panel img,
	.tab-panel img {
		max-width: 150px;
	}
}

@keyframes ease-from-right {
	0% {
		left: 2000px;
	}

	100% {
		left: 0px;
	}
}

.animated-text {
	margin: 0px;
	font-family: "Arial Rounded MT" !important;
	color: #ffffff;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
}

.text-font-size-172 {
	font-size: 172px;
}

.text-font-size-136 {
	font-size: 136px;
}

.text-font-size-128 {
	font-size: 128px;
}

.text-font-size-110 {
	font-size: 110px;
}

.text-font-size-86 {
	font-size: 86px;
}

.text-font-size-72 {
	font-size: 72px;
}

.text-font-size-64 {
	font-size: 64px;
}

.text-font-size-50 {
	font-size: 50px;
}

.ease-from-right {
	position: relative;
	animation-name: ease-from-right;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.delay-animation-200ms {
	animation-delay: 200ms;
}

.delay-animation-400ms {
	animation-delay: 400ms;
}

.delay-animation-600ms {
	animation-delay: 600ms;
}

.delay-animation-800ms {
	animation-delay: 800ms;
}

.delay-animation-1000ms {
	animation-delay: 1000ms;
}

.delay-animation-1200ms {
	animation-delay: 1200ms;
}

.delay-animation-1500ms {
	animation-delay: 1500ms;
}

.delay-animation-1600ms {
	animation-delay: 1600ms;
}

.text-container {
	background-color: rgba(0, 0, 0, 0);
	margin: 0px auto;
	overflow: hidden;
}