@import url('https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap');

body {
	background: #1b2aef;
	font-family: 'Press Start 2P', cursive;
}

.character {
	text-align: center;
	padding: 0 !important;
}

.pick {
	width: 100%;
	color: white;
	text-align: center;
	padding-bottom: 24px;
	padding-top: 24px;
	background: black;
}

.title {
	width: 100%;
	color: white;
	text-align: center;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-top: 4px;
	background: black;
}

.data {
	width: 100%;
	height: 33%;
	opacity: 1;
	color: white;
	padding: 1em;
	padding-top: 0;
	/*background: #1b2aef;*/
	background: black;
	font-size: 0.8em;
}

/*
.data:hover{
	opacity: 1
}

.data:hover img {
    opacity:0;
}
*/
.info {
	font-size: 0.8em;
	text-align: left;
	padding-bottom: 1em;
}

.bar {
	height: 20px;
	background: #1b2aef;
	padding-left: 10px;
	padding-top: 4px;
}

.bar-wrapper {
	margin-top: 8px;
	background: #f14b79;
	height: 20px;
	width: 100%;
}