html,
body {
	height: 100%;
	font-size: 60px;
}

.boxtype {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	/*背景*/

}

/*毛玻璃样式*/
#box1 {
	color: rgb(27, 26, 23);
	padding: 2%;
	width: 80%;
	height: 80%;
	overflow-y: auto;
	background: rgba(255, 255, 255, 0.25);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.18);
}

#typewriter {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

@keyframes typewrite {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#typewriter span {
	display: inline-block;
	animation: typewrite 1s linear infinite;
}

#box1text {
	font-size: 0.7em;
}