body {
	background: #1d1d1d;
	color: white;
	padding-bottom: 80px;
}

.fixed-footer-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
	z-index: 200;
}

.champ-box {
	padding: 12px;
}

.champ-checkbox {
	position: absolute;
	left: -99999px;
}

.champ-label {
	position: relative;
	cursor: pointer;
}

.champ-label img {
	transition: filter .4s;
}

.champ-name {
	display: block;
	text-align: center;
	transition: color .4s;
}

.champ-label .champ-banned {
	position: absolute;
	opacity: 0;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 90px;
	color: #c60303;
	transition: opacity .4s;
}

.champ-checkbox:checked + .champ-label .champ-banned {
	opacity: 1;
}

.champ-checkbox:checked + .champ-label img {
	filter: grayscale(1);
}
.champ-checkbox:checked + .champ-label .champ-name {
	color: #8e8e8e;
}

.loading {
	text-align: center;
}

.loading .fa {
	font-size: 40px;
	animation: spin 1.3s linear infinite;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	} to {
		  transform: rotate(360deg);
	  }
}