@font-face {
    font-family: TitleFont;
    src: url('fonts/ArchivoBlack-Regular.ttf');
}

@media only screen and (orientation : landscape) 
{
	@font-face {
		font-family: RegularFont;
		src: url('fonts/Oxygen-Regular.ttf');
	}
	
	@font-face {
		font-family: LightFont;
		src: url('fonts/Oxygen-Light.ttf');
	}

	:root { --bgcolor: #222222; }
	:root { --textcolor: #cccccc; }

	a
	{
		color: #d3aa5f;
	}
}

@media only screen and (orientation : portrait) 
{
	@font-face {
		font-family: RegularFont;
		src: url('fonts/NanumMyeongjo-ExtraBold.ttf');
	}
	
	@font-face {
		font-family: LightFont;
		src: url('fonts/NanumMyeongjo-Regular.ttf');
	}

	:root { --bgcolor: #DDDDDD; }
	/* 222222 */
	:root { --textcolor: #222222; }

	a
	{
		color: rgb(185, 150, 43);
	}
}


:root { --size-scalar: 1; }
@media (min-width: 1px) { :root { --size-scalar: .5; } }
@media (min-width: 600px) { :root { --size-scalar: .6; } }
@media (min-width: 650px) { :root { --size-scalar: .65; } }
@media (min-width: 700px) { :root { --size-scalar: .7; } }
@media (min-width: 750px) { :root { --size-scalar: .75; } }
@media (min-width: 800px) { :root { --size-scalar: .8; } }
@media (min-width: 850px) { :root { --size-scalar: .85; } }
@media (min-width: 900px) { :root { --size-scalar: .9; } }
@media (min-width: 950px) { :root { --size-scalar: .95; } }
@media (min-width: 1000px) { :root { --size-scalar: 1; } }

body
{
	background-color: var(--bgcolor);
	font-family: RegularFont;
	color: var(--textcolor);
	margin: 0;
	padding: 0;
}

a
{
	text-decoration: none;
	font-family: RegularFont;
}