body {
	font-size: 1em;
	padding: 10px 15px;
}
.clearer {
	clear: both;
}



/* settingrow ****************************************************/
#setting-row {
	max-width: 640px;
}
#abenteurername {
	width: 66.6666%;
	margin: 0;
	padding: 0 10px;
	float: left;
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;
}
#hecolorad {
	width: 33.3333%;
	margin: 0;
	padding: 0;	
	float: right;
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
}



/* dicearea *****************************************/
#diceButtons {
	display: flex;
    justify-content: space-between;
	width: 100%;
	margin: 20px 0;
	max-width: 640px;
	cursor: pointer;
}	
#diceButtons button {
	cursor: pointer;
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 1em;
}
@media only screen and (max-width: 500px) {
	#diceButtons {
		display: block;
	}	
	#diceButtons button {
		width: 33.3333%;
		margin: 0;
		display: block;
		float: left;
	}
}

/* chatarea **************************************/
#chatarea {
	max-width: 640px;
	margin: 20px 0;
}
#message {
	width: 66.6666%;
	margin: 0;
	padding: 0 10px;
	float: left;
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;	
}
#message-full {
	width: 100%;
	margin: 0;
	padding: 0 10px;
	float: left;
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;	
}
.useAsSender {
	cursor: pointer;
}
#useradress {
	width: 33.3333%;
	margin: 0;
	padding: 0 10px;
	float: left;
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;		
}
button#sendMsgButton {
	width: 33.3333%;
	margin: 0;
	padding: 0;	
	float: right;
	box-sizing: border-box;
	height: 32px;
	line-height: 24px;	
	cursor: pointer;
	font-size: 1em;
	display: block;
} 
	
	
	
/* throwarea *************************************************/
#load_entries {
	padding: 0;
	list-style-type: none;
	width: 100%;
}
.textMessage {
	font-style: italic;
}


/* resultarea *********************************** */
@keyframes expand {
  from {
    transform: scale(2);
    opacity: 0;
  }
}


ul#result_entries {
	font-size: 1em;
	transition: all 0.5s ease-out;
	list-style-type: none;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
ul#result_entries li:first-child {
	font-size: 2em;
	transition: all 0.5s ease-out;
	animation: expand .5s ease-out;
	margin-bottom: 15px;
}