#title
{
    width: 100%;
	height: 100%;
	display: none;
}

#titleBg
{
	width: 100%;
	height: 100%;
}

#titleLogo
{
	width: 100%;
	height: 100%;
}

#titleTopMargin
{
	width: 100%;
	height: 8%;
	top: 0%;
	left: 0%;
    background: var(--margin-top-border-gradient);
}

#titleBottomMargin
{
	width: 100%;
	height: 14%;
	top: 86%;
	left: 0;
    background: var(--margin-bottom-border-gradient);
}

#titleVersion
{
	width: 20%;
	height: 10%;
	top: 60%;
	left: 20%;
	color: var(--text-light-color);
	font-size: var(--text-font-size);
	font-family: "gothic";
}

#soundSwitch
{
	width: 13%;
    left: 85%;	
    top: 1.5%;
    color: var(--text-dark-color);
    text-shadow: none;
    padding-bottom: 0.5%;
	font-size: var(--text-font-size);
}

#titleStart ,#titleCredit
{
	width: 15%;
	height: 6%;
	top: 91%;
	color: var(--text-dark-color);
	text-shadow: none;
	font-size: var(--text-font-size);
}

#titleStart {
	left: 55%;
}

#titleCredit {
	left: 75%;
}

#copyright
{
	position: absolute;
	bottom: 0;
	left: 0%;
	font-size: var(--text-font-size);
	font-family: system-ui;
	color: rgba(0,0,0,0.5);
	text-shadow: none;
}