@charset "UTF-8";

#container { text-align: center; }
#container .date {
	width: fit-content;
	margin-inline: auto;
	border-bottom: 1px solid #000;
}
#mainTitle {
	font-weight: 500;
	width: fit-content;
	margin-inline: auto;
	background: linear-gradient(90deg, #E3007F 0%, #1D2087 50%, #0DB7D6 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#mainText {
	color: #505050;
	line-height: 2;
}
@media screen and (min-width:769px), print{
	#container { padding-block: 200px 390px; }
	#mainLogo img { width: 175px; }
	#container .date {
		font-size: 32px;
		margin-top: 80px;
		padding-inline: 15px;
	}
	#mainTitle {
		font-size: 46px;
		line-height: 76px;
		margin-top: 135px;
	}
	#mainText { margin-top: 80px; }
}
@media screen and (max-width:768px){
	#container { padding: 50px 25px 195px; }
	#mainLogo img { width: 87.5px; }
	#container .date {
		font-size: 16px;
		margin-top: 40px;
		padding-inline: 8px;
	}
	#mainTitle {
		font-size: 23px;
		line-height: 38px;
		margin-top: 66px;
	}
	#mainText {
		margin-top: 33px;
		text-align: left;
	}
}