/* 全局样式 */
/* body {
  background-image: url('../imgs/bg.webp');
  background-size: cover;
  background-position: center;
} */
html, body {
  height: 100%;
  margin: 0;
} 
body {
  height: 100%;
  margin: 0;
  background-image: url('../imgs/bg5.jpg');
  /* 背景图垂直、水平均居中 */
  background-position: center center;
  /* 背景图不平铺 */
  background-repeat: no-repeat;
  /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
  background-attachment: fixed;
  /* 让背景图基于容器大小伸缩 */
  background-size: cover;
  /* 设置背景颜色，背景图加载过程中会显示背景色 */
  background-color: #464646;
}

/* 主体样式 */
main {
  min-height: calc(100% - 50px); /* 50px 是页脚的高度 */
  display: flex;
  flex-direction: column;
  text-align: center;
}
.nav {
  background-color: #ffffff34;
  height: 300px;
  width: 600px;
  margin: 0 auto;
  margin-top: 15%;
  border: #fff 1px solid;
  border-radius: 20px;
}
.nav p {
  font-size: 64px;
  color: #fff;
  margin-top: 90px;

}
.button {
  background-color: #eaeaea;
  color: #333;
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  margin-right: 10px;
  transition: background-color 0.3s ease;
}

.button:hover {
  background-color: #333;
  color: #fff;
}

/* 页脚样式 */
footer {
  color: #fff;
  text-align: center;
}
footer a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}