
#oHeaderASCIIArtWrapper {
  background: rgba(22, 19, 16, 1) url('/Images/Header background.png') no-repeat 50% 50%;
  position: relative;
  display: table;
  width: 100%;
  background-size: cover!important;
  border-radius: 0.5em;
  margin-bottom: 1em;
  text-align: center;
}

#oHeaderASCIIArt {
  display: table-cell;
  padding: 1em;
  
  font: 12px 'Source Code Pro', monospace;
  color: rgba(0, 255, 0, .8);
  text-shadow: 0 0 2px rgba(0, 255, 0, .9),
               0 0 4px rgba(0, 255, 0, .8),
               0 0 8px rgba(0, 255, 0, .7),
               0 0 16px rgba(0, 255, 0, .6),
               0 0 32px rgba(0, 255, 0, .5),
               0 0 64px rgba(0, 255, 0, .4),
               0 0 128px rgba(0, 255, 0, .3);
}

#oHeaderASCIIArt::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(22, 19, 16, 0) 50%, rgba(22, 19, 16, 0.25) 50%);
  background-size: 100% 2px;
  border-radius: 0.5em;
  pointer-events: none;
}

#oHeaderLinksWrapper {
  display: block;
  text-align: right;
}

a.cHeaderIcon {
  border: 0!important;
}
img.cHeaderIcon {
  border: 0px;
  width: 1em;
  height: 1em;
}
