#events-container{	display: inline-block;	border: 1px solid lightgrey;	border-radius: 5px;	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);	margin: auto;	padding: 5px;}
.events-style{	display: inline-block;	border: 1px solid;    border-radius: 5px;	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);	margin: auto;    padding: 5px;    font-size: 24px;}
.events-header{	font-size: 28px;	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}

.events-object{
}.modalDialog {	position: fixed;	font-family: Arial, Helvetica, sans-serif;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99999;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;}.modalDialog:target {	opacity:1;	pointer-events: auto;}.modalDialog > div {	height: 340px;	width: 470px;	position: fixed;	bottom: 25%;	right: 25%; 	border: 2px solid;	padding: 10px;	background: #FFFFFF;	border-radius: 9px;}.close {	position: absolute; 	right: 10px;	text-align: center;	top: 10px;}.close:hover { background: #00d9ff; }