html, body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
}

body {
	display:flex;
	align-items:center;
	justify-content:center;
	background-color: #212121;
}

.wrap {
	padding: 50px;
	background-color: #fff;
	background-color: #424242;
	box-shadow: 0 0 50px 1px #ff3000;
}

.logo {
	text-align: center;
	margin-bottom: 50px;
}

.logo img {
	filter: drop-shadow(0px 12px 20px rgba(255,48,0,0.5));
}

.jSlots-wrapper {
	overflow: hidden;
	height: 100px;
	display: inline-block; /* to size correctly, can use float too, or width*/
	transform: translateZ(0);
	background-color: #212121;
	padding: 0 5px;
}

.jSlots-wrapper:before,
.jSlots-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	box-shadow: 0 0 10px 3px #000;	
	z-index: 10;
}

.jSlots-wrapper:before {
	top: 0;
}

.jSlots-wrapper:after {
	bottom: 0;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.slot {
	float: left;
	margin: 0 10px;
	box-shadow: 0 0 10px 2px #ff3000;
}

.slot li {
	text-align: center;
	padding: 0 30px;
	line-height: 100px;
	font-size: 2rem;
	background-color: #616161;
	color: #ffa52e;
	font-family: monospace;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: #ff3000 0px 0px 25px;

}