.main-section-title {
	color: blue;
	font-size: 24px;
	font-family: 'Share Tech Mono', arial, sans-serif;
	width: 100%;
}

.section-title {
	font-family: 'Share Tech Mono', monotype;
	color: red;
	font-size: 24px;
}

.characters-section {
	width: 100%;
	font-family: 'helvetica', arial, sans-serif;
	font-size: 16px;
}


#fight-section {
	width: 100%;
	height: 50px;
}
.character {
	width: 200px;
	height: 150px;
	float: left;
	display: inline-block;
	border: 1px solid green;
	background-color: #fff;
	margin: 10px;
	padding: 5px;
}

.target-enemy {
	background-color: black;
	color: #fff;
}


#selected-character-section .character {
	margin: 10px;
}



.enemy {
	background-color: red;
	color: white;
}

body {
	background-image: url('../images/Petranaki_arena.jpg');
	background-size: cover;
}

.character-image {
	height: 100px;
	margin: 0 auto;
	width: 175px;
}	
img {
	margin: 5px;
}

#available-to-attack-section {
	width: 100%;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

#game-message {
	color: yellow;
	font-family: helvetica, arial, sans-serif;
	font-size: 20px;
}