div.container{max-width:800px;min-height: 100vh;margin: 0 auto; text-align:center;}
div#chatCnt{display:none;}
div.child{padding: 10px 0}
div.container .field{padding:10px;width:100%;}
.button{width:100%;padding:10px;cursor:pointer}
div#chatArea{text-align: left; padding:10px;overflow: auto; }
.nickname{font-weight: bold; padding: 10px 0; font-size: 18px;}
.time{font-size: 11px;color:green;}
.message{font-size: 18px; color:grey;}
div#channelMembers{text-align: left; font-weight: bold; font-size: 18px; color:grey; padding:5px;}



.button-send {
    display: inline-block;
    padding: 0.75rem 1.25rem;
    border-radius: 10rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.15rem;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .button-send:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0cf;
    border-radius: 10rem;
    z-index: -2;
  }
  .button-send:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #008fb3;
    transition: all 0.3s;
    border-radius: 10rem;
    z-index: -1;
  }
  .button-send:hover {
    color: #fff;
  }
  .button-send:hover:before {
    width: 100%;
  }