body{
	font-family:Arial;background:#eef;
}
.container{
	max-width:480px;
	margin:15px;
	padding: 15px;
}
.topbar{
	position: sticky;
	top: 0;
	ext-align:center;
	background:#fff;
	padding:15px;
	margin:15px;
	border-radius:12px;
	z-index: 1000;
	max-width: 480px;
  }
.comment{
	background:#fff;
	padding:15px;
	margin:15px;
	border-radius:12px;
	max-width: 480px;
}
.reply{
	background:#f7f7f7;
	margin:15px;
	padding:15px;
	border-radius:10px;
}
.online{background:#DCFDD7;margin:10px 0 0 0px;padding:10px;border-radius:10px;}
.avatar{width:40px;border-radius:50%;vertical-align:middle;}
.media{max-width:99%;margin-top: 4px;}
textarea,input{width:99%;margin:1px 1;padding:1px;}
button{align:right;}
.actions button{width:auto;margin-right:6px;}
.date{font-size:12px;color:#777;margin-left:6px;}