/* CSS Styles Generated by Calls to CSS() */

/* Feature: Page Styles */
#mainPane {color: #fff; background-color: blue;
									font-family: Rubik; font-weight: bold;
									font-size: 2.8rem; text-align: center;
									padding: 3rem}
.goldBorder {border: .5rem solid #880; border-radius:.5rem}

/* Feature: Announcement Image Styles */
#id_1.imgStart {margin: 1rem; position: relative; /* overflow: hidden; */
		background-color: #ddd2cd; /* #aaa gray or average color placeholder */
	  	width: 25rem; aspect-ratio: 508 / 736}
#id_1.imgEnd {width: 100%; height: 100%;
		/* object-fit: cover; */ display: block;
		opacity: 0; transition: opacity .5s ease}
#id_1.imgEnd.loaded {opacity: 1}
#id_2.imgStart {margin: 1rem; position: relative; /* overflow: hidden; */
		background-color: #ddd2cd; /* #aaa gray or average color placeholder */
	  	width: 25rem; aspect-ratio: 510 / 740}
#id_2.imgEnd {width: 100%; height: 100%;
		/* object-fit: cover; */ display: block;
		opacity: 0; transition: opacity .5s ease}
#id_2.imgEnd.loaded {opacity: 1}
#id_3.imgStart {margin: 1rem; position: relative; /* overflow: hidden; */
		background-color: #ddd2cd; /* #aaa gray or average color placeholder */
	  	width: 25rem; aspect-ratio: 507 / 738}
#id_3.imgEnd {width: 100%; height: 100%;
		/* object-fit: cover; */ display: block;
		opacity: 0; transition: opacity .5s ease}
#id_3.imgEnd.loaded {opacity: 1}
#id_4.imgStart {margin: 1rem; position: relative; /* overflow: hidden; */
		background-color: #ddd2cd; /* #aaa gray or average color placeholder */
	  	width: 25rem; aspect-ratio: 511 / 740}
#id_4.imgEnd {width: 100%; height: 100%;
		/* object-fit: cover; */ display: block;
		opacity: 0; transition: opacity .5s ease}
#id_4.imgEnd.loaded {opacity: 1}

/* END */