/* body of the index page only */

#index_body {

	background-size:			cover;

	background-image:			url("../images/index/background.png");

	color:						white; 

}







/* index body after */

#index_body:after{

	height:						100vh;

	position:					fixed;

	top:						0;

	right:						0;

	left:						0;

	z-index:					-1;

	content:					"";

	background-size:			cover;

	background:					url("../images/index/background.png") center center;

}







/* png background image of index_body */

.no-webp #index_body {

	background-image:			url("../images/index/background.png");

}







/* index body after for non-webp background */

.no-webp #index_body:after {

	background-image:			url("../images/index/background.png");

}







/* webp background image of index_body */

.webp #index_body{

	background-image:			url("../images/index/background.webp");

}







/* index body after for webp background */

.webp #index_body:after {

	background-image:			url("../images/index/background.webp");

}







/* content div of the index page */

#index_content {

	position:					fixed; 

	bottom:						20px; 

	left:						20px; 

	width:						90%;

	text-align:					left; 

	font-weight:				bold; 

	font-family:				'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

	text-shadow:				0 0 6px yellow; 

}







/* links on index page */

#index_content a {

	color:						inherit;

	text-decoration:			none;

	background-color:			transparent; 

}







/* notice box on index page */

#index_notice {

	width:						fit-content;

	max-width:					70%;

	height:						fit-content;

	display:					inline-block;

	margin-left:				-20px;

	padding:					10px 20px 10px 20px;

	text-align:					center;

	font-size:					medium;

	color:						white; 

	text-shadow:				0 0 6px yellow;

	background-color:			rgba(0,0,0,.8);

}







/* feast info box */

#index_feast_info {

	display:					inline-block;

	font-size:					xx-large;

}







/* style for feast date box */

#index_feast_date {

	display:					inline-block;

	font-size:					xx-large;

	text-decoration:			underline;

}







/* society info box */

#index_society_info {

	font-size:					x-large;

}







/* society info subheading box */

#index_society_subinfo {

	font-size:					large;

}







/* footer on the index page only */

#index_footer {

	position:					fixed; 

	right:						5px;

	bottom:						5px; 

}







/* footer links on the index page only */

#index_footer a {

	text-decoration:			none;

	background-color:			transparent; 

}







/* footer images on the index page only */

#index_footer img {

	height:						32px; 

	margin:						1px;

}







/* countdown timer */

#countdown {

	font-size:					x-large;

	text-align:					left;

}







/* countdown timer divs (one for each unit of time) */

#countdown div {

	display:					inline-block;

}