@font-face{
	font-family: Minecraft_AE;
	src: url(./Fonts/Minecraft_AE.ttf);
	}
@font-face{
	font-family: Minecrafter_Reg;
	src: url(./Fonts/Minecrafter_Reg.ttf);
}
@font-face {
	font-family: Minecraft_LOW;
	src: url(./Fonts/Minecraft_LOW.ttf);
}
p.serif{
	font-family:"Times New Roman",Times,serif;
	}
.Minecraft_AE{
	font-family: Minecraft_AE;
	}
.Minecrafter_Reg{
	font-family: Minecrafter_Reg;
}
.Minecraft_LOW{
	font-family: Minecraft_LOW;
}
	/* 头部 */
/* 导航条 */
a {text-decoration: none}
a:link {color:#000000;} 
a:visited {color:#000000;} 
a:hover{color: #00ffff;}
a:active {color:#6effbb;} 
div.topnav {
	margin: 5px;
	background-color: rgba(256, 256, 256, 0);
	border-radius: 15px;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: space-between;
	transition: background-color 0.25s, box-shadow 0.25s;
    }
div.topnav:hover{
	background-color: rgba(256, 256, 256, 0.6);
	box-shadow: 5px 5px 15px 1px black;
}
div.topnav-change{
	background-color: rgba(256, 256, 256, 0.5);
	box-shadow: 5px 5px 10px 1px black;
}
    div.topnav>div.sdj{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
        div.topnav>div.sdj>img{
            border-radius: 100%;
            margin: 5px;
            height: 50px;
            width: 50px;
            float: left;
            transition: height 0.25s,width 0.25s;
        }
        div.topnav>div.sdj>img:hover{
            height: 55px;
            width: 55px;
        }

	/* 聚焦导航条改变common的字体颜色 */
	div.topnav:hover .a>.common{
		color: #6effbb;
	}
	a.sdj{
	color:#000000;
	transition: color 0.25s;
	}
	a.sdj:hover{
		color: #6effbb;
	}
  /* 导航链接 */
div.topnav>div.a{
    display: flex;
}
div.topnav>div.a>a {
	display: block;
	color: #ffffff;
    float: inline-end;
	text-align: center;
	padding: 20px;
	text-decoration: none;
	border-radius: 15px;
	transition: background-color 0.25s;
    }
  /* 导航链接(未选中) */
    div.topnav>div.a>a.common{
		color: #ffffff;
    }
  /* 导航链接(已选中) */
	div.topnav>div.a>a.active{
	background-color: #99cc00;
	}
  /* 导航链接(未选中) - 修改颜色 （除去已选中）*/
div.topnav>div.a>a:not(.active):hover{
	background-color: #ddd;
	color: black;
    }

div.header {
	background-color: rgb(56, 56, 56);
	padding: 10px;
	display: flex;
	justify-content: center;
	}
	div.header>div.title{
		margin-left: 25px;
		display: inline;
	}
		div.title>h1.title-1{
			color: #ffffff;
			font-family: Minecraft_AE;
			font-size: 50px;
			padding: 5px;
		}
		div.title>h1.title-2{
			color: #141414;
			font-family: Minecrafter_Reg;
			padding: 0px;
		}
	div.header>img.Keli{
		height: 180px;
		width: 180px;
		margin: 0 0 0 0;
		display: inline;
		border-radius: 10%;
		transition:height 0.25s, width 0.25s;
		}
	div.header>img.Keli:hover{
		height: 190px;
		width: 190px;
	}

div.main{
	background-color: rgba(230, 230, 230, 0.5);
	margin: 10px 5px 10px;
	padding: 10px;
	border-radius: 15px;
	transition:0.5s;	
	}
div.main:hover{
	background-color: rgba(230, 230, 230, 0.7);
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}

.zd{
    position: fixed;
    bottom: 50px;
    right: -55px;
    width: 50px;
    height: 50px;
    background-color: rgba(19, 117, 182, 0.7);
    border-radius: 10px;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    user-select: none;
    transition: all 0.25s;
}
.zd:hover{
    background-color: rgba(19, 117, 182);
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.7);
    color: rgb(229, 245, 91);
}