.event_title {
	font-weight: 500;
	font-size: 46px;
	text-align: left;
	padding-top: 100px;
	padding-left: 15%;
	color: #027fff;
}

.title-content {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
	width: 70%;
	height: 15%;
	border-radius: 15px;
	background-size: cover;
}

#race {
	background-image: url("../img/race.jpg");

}

#ironman {
	background-image: url("../img/ironman.jpg");
}

#watergun {
	background-image: url("../img/watergun.png");
}

#bigthx {
	background-image: url("../img/bigthx.jpeg");
}

#Alice {
	background-image: url("../img/acecard.png");
	background-size: cover;
	background-position: 0px -100px;
}

.plus {
	cursor: pointer;
	position: absolute;
	bottom: 30px;
	right: 20px;
	height: 45px;
	width: 45px;
	border-radius: 50px;
	background-color: rgb(255, 255, 255);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.plus:hover {
	filter: invert(1)
}

.plus.expand:hover {
	filter: invert(0)
}

.plus.expand {
	filter: invert(1)
}

.plus .bar1 {
	position: relative;
	width: 26px;
	height: 4px;
	border-radius: 50px;
	background-color: rgb(0, 0, 0);
	top: 14.5px;
	right: -9.5px;
	transition: 0.4s ease;
}

.plus .bar2 {
	position: relative;
	width: 26px;
	height: 4px;
	border-radius: 50px;
	top: 4.5px;
	right: -9.5px;
	background-color: rgb(0, 0, 0);
	transition: 0.4s;
	rotate: 90deg;
}

.expand .bar1 {
	rotate: -45deg;
}

.expand .bar2 {
	rotate: 45deg;
}

.title-content .content {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	background-color: rgba(61, 68, 66, 0.7);
	color: #FFFFFF;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	backdrop-filter: blur(5px);
}

.expand .content {
	opacity: 1;
	visibility: visible;
	/* position: absolute; */
	/* color:#FFFFFF; */
	/* background-color: aquamarine; */
	/* right:0; */
	/* width:0%; */
	/* height: 100%; */
	/* border-radius: 15px ; */
}

.intro {
	display: flex;
	flex-direction: column;
	font-weight: 100;
	/* 水平置中 */
	justify-content: center;
	/* 垂直置中 */
	align-content: center;

}

p {
	font-size: 1.3em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	width: 80%;


}

.egg1 {
	color: white;
	text-decoration: none;
	cursor: default;
}



.introtext {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -50px;
	opacity: 0;
	transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.expand .introtext {
	position: relative;
	top: 0px;
	opacity: 1;
}

#content {
	height: 500%;
	;
}

.competition {
	height: auto
}

.event_title {
	padding-top: 50px
}

.intro h1 {
	font-size: 2.5em;
	position: relative;
	top: -100px;
	opacity: 0;
	transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.expand .intro h1 {
	position: relative;
	top: 0px;
	opacity: 1;
}