html
{
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}

body
{
	width: 100%;
	height: 100%; 
	margin: 0;
	//font-family: Microsoft Yahei UI, sans-serif;
	font-family: "Lucida Grande", Lucida Sans Unicode, Hiragino Sans GB, WenQuanYi Micro Hei, Verdana, Aril, sans-serif;
	-webkit-font-smoothing: antialiased;
	cursor: default;
}

p
{
	font-size: 1.7rem;
}

::selection{
	background-color: white;
	color: rgb(11, 11, 11);
}

::-moz-selection
{
	background-color: white;
	color: rgb(11, 11, 11);
}

::-webkit-scrollbar
{
	width: 10px;
	background: white;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #AAAAAA;
}

::-webkit-scrollbar-thumb:hover
{
	background: #121314;
}

#profile
{
	width: 100%;
	height: 100%;
	display: block;
	//background-color: #6cb6f5;
	background: url("./6.jpg");
	background-attachment: fixed;
	padding-top: 5%;
	text-align: center;
	color: white;
}

#avatar
{
	margin: 0 auto 0 auto;
	width: 150px;
	height: 150px;
	background-image: url("./del.jpg");
	background-repeat: no-repeat;
	background-size: 150px 150px;
	display: block;
	border-radius: 100%;
}

#avatar:hover
{
	-webkit-filter: blur(5px);
}

#profile h1
{
	font-weight: lighter;
	margin: 0;
	font-size: 10rem;
}

#profile p
{
	font-size: 2rem;
}

#profile p:hover
{
	text-shadow: 1px 1px grey;
}

#link
{
	margin: 0;
	width: 100%;
	height: 60%;
	//background-color: rgb(95, 199, 130);
	background: url("./19.jpg");
	display: block;
	text-align: center;
	color: white;
	padding-top: 10%;
	padding-bottom: 10%;
}

#link .block
{
	width: 20%;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	transition: background-color 1s;
	-moz-transition: background-color 1s;
	-webkit-transition: background-color 1s;
}

#link a
{
	color: white;
}

#link .block:hover
{
	background-color: rgba(77, 162, 105, 0.5);
}

#link h2
{
	margin-top: 40%;
	font-weight: normal;
	font-size: 5rem;
}

#copyright
{
	margin: 0;
	width: 100%;
	height: 10%;
	background-color: rgb(245, 166, 29);
	display: block;
	text-align: center;
	color: white;
}

#copyright p
{
	margin: 0;
}

@media screen and (max-width: 860px)
{
	#link 
	{
		margin: 0;
		padding: 0;
		height: 100%;
	}

	#link .block
	{
		width: 100%;
		height: auto;
		display: block;
		margin: 0;
	}

	#link h2
	{
		margin: 0;
	}

	#link a
	{
		text-decoration: none;
	}

	#copyright p
	{
		margin: 0;
	}
}