* {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

h1 {
	font-family: 华文中宋;
	text-align: center;
	background-color: yellow;
}

h2 {
	font-family: 华文宋体;
}

button {
	transition-duration: 300ms;
	-webkit- transition-duration: 300ms;
	font-size: 20px;
	background-color: cyan;
	border-radius: 5px;
}

button:hover {
	font-weight: none;
	background-color: orangered;
	color: white;
	box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

button:active {
	font-weight: bold;
}

a {
	text-decoration: none;
	font-weight: none;
	background-color: skyblue;
	color: blue;
}

a:hover {
	font-weight: none;
	background-color: orangered;
	color: white;
}

a:active {
	font-weight: bold;
	background-color: purple;
	color: white;
}

#announce {
	text-align: center;
	color: red;
	width: 20%;
	background-color: #ffaa00;
	font-weight: bold;
	position: absolute;
	left: 70%;
	top: 8%;
	animation: sc 3s infinite ease-in-out alternate;
}

@keyframes sc {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.5);
	}
}

#realpicture:hover {
	transform: scale(1.5);
	transition-duration: 1s;
}

#author {
	font-style: italic;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}