#event {
    width:90%;
    margin-right:auto;
    margin-left:auto;
    border-bottom-left-radius:1em;
    box-sizing: border-box;
    margin-bottom:1em;
    position:relative;
    background-color:transparent;
    min-height:15em;
	color:#000;
}

#event .track {
    display:inline-block;
	vertical-align:top;
    width:40em;
	/* border-right:3px rgba(255, 255, 255, 0.4) solid; */
	text-align:center;
	margin-top:2em;
	margin-bottom:2em;
	margin-left:1em;
}

#event .track h1 {
	font-size:3.5em;
	font-family: 'Source Sans Pro', sans-serif; 
	color:rgba(255, 255, 255, 0.4);
}

#event .track img {
    width:35em;
}

#event .title {

    display:block;
    /* background-color:#32486e; */
	/*
	background-color:rgba(255, 255, 255, 0.6);
	border-top-right-radius:3em;
	border:2px #000 solid;
	*/
    font-size:2em;
    font-weight:700;
    text-align:left;
	color:#000;
	margin-bottom:0.2em;
}

#event .subtitle {
	display:block;
	margin-bottom:1em;
	font-weight:700;
}

#event .date {

    display:inline-block;
    width:20em;
    position:relative;
    margin-left:1em;
	border:2px rgba(2, 111, 49, 0.8) solid;
	border-radius:1em;
	text-align:center;
	padding:0.1em;
	color:rgb(2,111,49);

}

#event .content {

    display:inline-block;
    vertical-align:top;
    padding:0.2em;
    width:100%;
    box-sizing: border-box;
    font-weight:500;
    text-align:left;
	opacity:1;
	background-color:rgba(255, 255, 255, 0.8);
	border:2px #000 solid;
    /* border:1px #00ff00 solid; */
	color:#000;
background: linear-gradient(162deg, rgba(7,23,44,0.8) 0%, rgba(2,33,67,1) 0%, rgba(255,255,255,1) 34%, rgba(255,255,255,0.8) 46%, rgba(144,158,173,0.9) 60%); 
	box-shadow: 0.5em 1em 1em 0em rgba(0, 0, 0, 1)
}

#event .content .description {
	display:inline-block;
	margin-top:2.5em;	
	margin-left:2em;
}

#event .content .info {
	position:absolute;
	right:0;
	top:0;
	/* border:2px #00ff00 solid; */
	width:20%;
}

#event .content .trackdata {
	
}

#event .content .data {
    display:flex;
    flex-wrap: wrap;
    row-gap: 1px;
    width:80%;
	/* border:2px rgba(26, 26, 26, 0.6) solid;  */
	/*
    margin-right:0.4em;
    margin-left:auto;
    margin-bottom:2em;
	*/
    font-size:1em;
    height:100%;
    text-align:left;
	opacity:1;
	margin-top:2em;
	margin-left:1em;
	margin-right:1em;
}

#event .content .data .title {
	flex-basis:100%;
	flex-grow:1;
	font-size:1em;
}

#event .content .data .var {
    flex-grow:1;
    flex-basis: 50%;
    padding-left:0.2em;
}

#event .content .data .var:nth-child(4n + 4) {
    background-color:#0d121c;
	opacity:1;
	background-color:rgba(13, 18, 28, 0.8);
}

#event .content .data .var:nth-child(4n + 2) {
    background-color:#090e18;
	background-color:rgba(9, 14, 24, 1);
}

#event .content .data .value {
    flex-shrink: 1;
    font-family:Monospace;
    padding-right:0.2em;
}

#event .content .data .value:nth-child(4n + 1) {
    background-color:#0d121c;
	background-color:rgba(13, 18, 28, 0.8);
}

#event .content .data .value:nth-child(4n + 3) {
    background-color:#090e18;
	background-color:rgba(9, 14, 24, 1);
}

#event .eventUser {
    font-size:1em;
    flex-basis:100%;
    flex-grow:1;

}

#event .eventUser input[type=text] {
    background-color:transparent;
    border: none;
    color:#fff;
    text-align:right;
}

#event .eventUser input[type=submit] {
    opacity:0.5;
    float:right;
}

#event .content .countdown {
	display:block;
	position:absolute;
	right:1%;
	bottom:2em;
	
}

.prevEvents {
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.prevEvents a:link,
.prevEvents a:active,
.prevEvents a:visited,
.prevEvents a:hover {
	text-decoration:none;
}

.prevEvent {
	display:inline-block;
	position:relative;
	width:20em;
	margin:2em;
	padding:0.2em;
	background:rgba(255, 255, 255, 0.4);
	border:2px #000 solid;
	border-radius:0.4em;
}

.prevEvent:hover {
	box-shadow: 0px 0px 10px 3px white;
}

.prevEvent .active {
	display:block;
	position:absolute;
	left:0.5em;
	top:0.5em;
	color:rgba(175, 0, 0, 0.8);
	font-weight:500;
	font-style:italic;
}

.prevEvent .track {
	width:20em;
}

.prevEvent .track img {
	width:20em;
}

.prevEvent .trackname {
	display:block;
	width:20em;
	line-height:1.5em;
	text-align:center;
}


.prevEvent .besttime {
	display:block;
	width:20em;
	line-height:1.5em;
	text-align:center;
	background:rgba(2, 111, 49, 0.8);
	border-bottom-left-radius:0.2em;
	border-bottom-right-radius:0.2em;
}