body{
	max-width: 600px;
	margin: 10px;
	/*background-image: url("img.jpg");*/
	background-attachment: fixed; 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	/*font-family: 'calibri', sans-serif;
	/*padding: 5px;*/
	/*display: flex; 
	justify-content: center;
	align-items: center;
	position: center; */
}
@keyframes zoomIn{
	0%{
		transform: scale(0.5);
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
} 
/* CSS Document */
/*body {
	font:12px arial;
	color: #222;
	text-align:center;
	padding:35px; }*/
	
form, p, span {
	margin:0;
	padding:0;
}
 
input { font:14px arial; }
 
a {
	color:#0000FF;
	text-decoration:none; }
 
	a:hover { text-decoration:underline; }
 
#wrapper, #loginform {
	margin:0 auto;
	padding-bottom:25px;
	background:#CCCCCC;
	/*width:504px;*/
	border:1px solid #7F7F7F;
	border-radius: 10px;
}
 
#loginform { padding-top:18px; }
 
	#loginform p { margin: 5px; }
 
#chatbox {
	background-image: url("img/paper.png");
	/*background-attachment: fixed; 
	background-repeat: repeat;
	/*background-position: center;
	background-size: cover;
	/*background:#fff;*/
	text-align:left;
	margin:0 auto;
	margin-bottom:15px;
	padding:10px;
	height:600px;
	width:90%;
	border:1px solid #7F7F7F;
	overflow:auto; }

#usermsg {
	width: 80%;
	height: 50px;
	padding: 10px;
	margin: 5px;
	border:1px solid #7F7F7F;
	border-radius: 8px;
}

#submitmsg{
	background-color: #00C621;
	background-image: url("img/send_small.png");
	background-repeat: no-repeat;
	background-position: center;
	/*margin: 15px 0 0 5px;*/
	margin-top: 0 0 0 0;
	height: 50px;
	width: 50px;
	border: 0px solid #7F7F7F;
	border-radius: 25px;
}
 
#submit { width: 60px; }
 
.error { color: #ff0000; }
 
#menu { padding:12.5px 25px 12.5px 25px; }
 
.welcome { float:left; }
 
.logout { float:right; }
 
/*.msgln{
	max-height: 50px;
	min-width: 350px;
	max-width: 350px;
	margin:0 0 15px 0;
	border:1px solid #EEEEEE;
	border-radius: 5px;
	background-color: #FFFFFF;
	padding: 5px;
}*/

.msglnGamer{
	float: right;
	min-width: 250px;
	max-width: auto;
	margin:0 0 15px 50%;
	border:0px solid #7F7F7F;
	border-radius:8px 0 8px 8px;
	background-color: #C9FFCD;
	padding: 5px;
	margin-left: 40px;
	margin-bottom: 10px;
	font: 14px arial;
}

.msglnGamemaster{
	float: left;
	min-width: 250px;
	max-width: auto;
	margin:0 50% 15px 0;
	border:0px solid #7F7F7F;
	border-radius:0 8px 8px 8px;
	background-color: #FFFFFF;
	padding: 5px;
	margin-right: 40px;
	margin-bottom: 10px;
	font: 14px arial;
}

/*Responsive*/
@media only screen and (max-width: 800px) {
#chatbox {
	height:320px;
}
#usermsg{
	max-width: 80%;
}