*{
	padding: 0;
	margin: 0;
}

.main {
	width: 100vw;
	height: 100vh;
	background-image: url(../img/background-2.webp);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}

.main .avatar {
	width: 100px;
	position: fixed;
	left:20px;
	bottom: 220px;
}
.main .avatar img {
	border-radius: 50%;
	border:4px solid #ddd;
	width: 80%;
}

.main .info {
	position: fixed;
	left: 20px;
	bottom: 20px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	max-width: 90%;
}

.main .info .name {
	color: #fff;
	font-weight: bolder;
	font-size: 25px;
	text-stroke:2px #000;
}

.main .info .des {
	font-size: 1.2em;
	height: 40px;
	line-height: 30px;
	height: auto;
}

.main .info .website {
	height: auto;
}

.main .info .website a {
	color: #fff;
	margin-left: 8px;
}
.main .info .website span {
	font-weight: bold;
}


/* 可选的样式，用于控制时间显示的样式 */
.time-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* 让时间显示区域充满整个视口高度 */
  font-size: 3em;
  /* 调整字体大小 */
  font-family: Arial, sans-serif;
  /* 使用 Arial 字体 */
}

.digit-image {
  width: 80px;
  /* 图片宽度 */
  height: auto;
  /* 自动调整高度 */
  margin: 0 10px;
  /* 图片之间的间距 */
}