body{
  background-color: #313338; 
  font-family: Noto Sans,Helvetica, sans-serif;
  color: white;
  font-size:16px;

}

#channel{
    background-color: #27292e; 
    min-height:44px;
    padding: 17px 50px 0px 40px;
    font-size:20px
  }
  
#react{
    background-color:#4b4e57;  
    width: fit-content;
    padding: 3px 5px 3px 5px;
    border-radius: 10px;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 5px
    
}


#message{
    display:flex;
    margin-top:17px;
    min-height:44px;
    padding: 2px 48px 2px 72px;
  }
  
  
@media (max-width: 1250px) {
#message{
  padding: 2px 5px 2px 5px;}
}
  
#icon, #iconimg{
  flex-shrink:0;
  flex-grow: 0;
  display:inline-block;
  height:40px;
  width: 40px;
  border-radius:50%;
  margin:2px 0px 0px;
  background-color:#27292e;
}
#iconimg{
margin: 0;
  overflow:hidden;
  }  

#alltext{
  flex-grow: 0;
  display:inline-block;
  margin: 0 0 0 -60px; 
  padding: 0 0 0 72px;
  }

h3{
  margin: 0;
  font-weight:normal;
  }
  
#displayname{
  font-weight:500;
  margin-right: .25rem;
  font-size:.95rem;
  vertical-align:baseline;
}
#displayname:hover{
    text-decoration:underline;
  }

#time{
  font-weight:500;
  font-size:.75rem;
  height: 1.25rem;
  margin-left:.25rem;
  color: #939AA3;
  
  }
  
#content{
  color: #DBDEE1;
  font-size:.9rem;
  line-height: 1.375rem;
  
  }
  
#message:hover{
  background-color: #2E3035;
}

a:link, a:visited{
  color: #00AAFC;
  text-decoration:none;
  }
  
a:hover{
  text-decoration:underline;
  }