header#channel {
  $margin-top:       ($header-height - 2*$line-height)/2;

  overflow:          hidden;
  margin:            0;
  width:             100%;
  flex:              0 0 $header-height;
  justify-content:   space-between;
  max-height:        $header-height;
  position:          relative;
  display:           flex;
  flex-direction:    row;
  background-color:  lighten($glaciergray, 19%);
  border-bottom:     1px solid lighten($glaciergray, 10%);
  box-shadow:        0 2px 1px -1px rgba(0,0,0,0.1);
  z-index:           1;

  div.hgroup {
    border:          0;
    padding:         0;
    display:         flex;
    flex:            1 1 auto;
    flex-direction:  column;
    align-self:      center;
    padding-left:    $chat-left-margin;

    h1 {
      text-transform: uppercase;
      margin:        0;
      font-size:     1.2 * $font-size;

      a {
        color:       $black;
        text-decoration: none;
      }


    }

    h2 {
      font-weight: 200;
      font-style: italic;
      margin: 0;
      font-size: $font-size;
      line-height: $font-size;
    }
  }

  aside {
    min-width: 50px;
    a {
      content:" ";
      width: 50px;
      height: 50px;
      z-index: 1000;
      background-image: url("data:image/svg+xml;utf8,<svg height='50' width='50' xmlns='http://www.w3.org/2000/svg'><path d='M286.547 465.016c16.843 16.812 81.716 85.279 81.716 85.279l35.968-37.093-56.373-58.248L456.072 340.02c0 0-48.842-47.623-27.468-28.655 20.438-75.903 1.812-160.589-55.842-220.243C315.608 31.936000000000035 234.392 12.529999999999973 161.425 32.903999999999996l123.653 127.715-32.53 125.309-121.06 33.438L7.898 191.61799999999994c-19.718 75.436-0.969 159.339 56.311 218.556C124.302 472.297 210.83 490.547 286.547 465.016zM698.815 589.231L549.694 736.539l245.932 254.805c20.062 20.812 46.498 31.188 72.872 31.188 26.25 0 52.624-10.375 72.811-31.188 40.249-41.624 40.249-108.997 0-150.62L698.815 589.231zM1023.681 161.83799999999997L867.06-0.0009999999999763531 405.387 477.297l56.373 58.248L185.425 821.161l-63.154 33.749-89.217 145.559 22.719 23.562 140.839-92.247 32.655-65.312 276.336-285.554 56.404 58.248L1023.681 161.83799999999997z'/></svg>");
      position: absolute;
      top: 20px;
      left: 100px;
    }
  }

}