html,body{
	margin: 0px;
	text-align: center;/* 
	background-image: url(image/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat; */
	color: black;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.content{
	width: 28%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-200%);
	transition: all 1s;
	padding: 30px;
	border-radius: 8px;
	z-index: 2;
}
.content:hover{

}
.contentLoaded{
	transform: translate(-50%,-50%);
}
.content img{
	width: 40%;
}
#hiddenText{
	color: rgba(0,0,0,0);
}
a{
	color: black;
	text-decoration: none;
}
a:hover{
	color: black;
}
.yhref span{
	font-size: 30pt;
}

.yhref p{
	line-height: 2px;
}
.yhref{
	display: inline-block;
	margin: 10px;
}

.ytani{
	color: rgba(0,0,0,0.8);
	transition: all 0.6s;
	cursor: pointer;
}
.ytani:hover{
	color: rgba(0,0,0,1);
	transform: scale(1.2);
}
.ytani:active{
	transform: scale(0.9);
}
#background{
	background-image: url(./image/bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	filter: blur(10px);
	transition: all 0.6s;
	cursor: pointer;
}
#background:hover{
	filter: blur(0px);
}
#frame{
	z-index: 2;
	position: fixed;
	left:20%;
	width: 75%;
	top:-100%;
	height: 90%;
	transition: all 1.3s;
	border-radius: 8px;
	text-align: left;
}
.shadowani{
	box-shadow: 1px 1px 1px #888888;
	background-color: rgba(255,255,255,0.7);
}
.shadowani:hover{
	box-shadow: 2px 2px 3px #888888;
	background-color: rgba(255,255,255,1);
}

h1{
	font-size: 0pt;
}
.xtitle{
	font-size: 40pt;
	text-indent: 40px;
	line-height: 10px;
}
.xsubtitle{
	font-size: 30pt;
}
.xcontent{
	font-size: 15pt;
	text-indent: 2em;
}
.xcontent > a{
	color:#888888;
	position:relative;
}
.xcontent > a:hover{
	color:#000088;
}
.xcontent > a::after{
	content: "";
	position:absolute;
	background-color:#000088;
	height:2px;
	width: 0px;
	bottom: -4px;
	left:50%;
	transition: all 0.5s;
}
.xcontent > a:hover::after{
	width: 100%;
	left: 0px;
}
@media (max-width: 800px){
	.content{
		width: 75%;
	}
	body{
		font-size: 110%;
	}
	#frame{
		width: 90%;
		left: 5%;
	}
}

*{
	transition: all 0.3s;
}