@font-face {
				font-family:		"C64 Pro Mono";
				src:				url("/font/C64_Pro_Mono-STYLE.eot");
				src:				url("/font/C64_Pro_Mono-STYLE.eot?#iefix") format("embedded-opentype"),
									url("/font/C64_Pro_Mono-STYLE.woff2") format("woff2"),
									url("/font/C64_Pro_Mono-STYLE.woff") format("woff"),
									url("/font/C64_Pro_Mono-STYLE.ttf") format("truetype"),
									url("/font/C64_Pro_Mono-STYLE.svg#C64_Pro_Mono-STYLE") format("svg");
				font-weight:		normal;
				font-style:			normal;
}

body {
				margin:				0;
				padding:			10px;
				background-color:	white;
				line-height:		1.0;
				font-family:		'C64 Pro Mono', Fallback, sans-serif;
				color:				black;
}

.main-div {
				width:				100%;
				height:				100vh;
				margin:				0;
				padding:			0;
}


@media screen and (min-width: 700px) {
	span.big-boom {
				font-size:			120px;
	}
	body {
			    font-size:			12px;
	}
	img.csdb-logo {
				width:				40%;
	}

}

@media screen and (max-width: 700px) {
	span.big-boom {
				font-size:			70px;
	}
	body {
			    font-size:			8px;
	}
	img.c64fun-logo {
				width:				80%;
	}
	img.yt-logo {
				width:				80%;
	}
}

img {
				padding:			20px;
				margin:				20px;
}

.center-div {
				position:			absolute;
				left:				50%;
				transform:			translate(-50%, 0);
				text-align:			center;
				border:				0px solid;
}

.auto-size {
				max-width:			100%;
				max-height:			100%;
}


.c64fun-logo {
		background-image:	url("/layout/gfx-bg-pattern.png");
		background-repeat:	repeat;
}