/* Repeating mark for @jomdh. Clicks pass through. */
header { position: relative; z-index: 10; background: #0e1117; }
#side { position: relative; z-index: 7; }
.mark {
  position: fixed;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27180%27%20height%3D%27120%27%3E%3Ctext%20x%3D%2716%27%20y%3D%2778%27%20fill%3D%27%238b949e%27%20font-size%3D%2716%27%20font-family%3D%27ui-sans-serif%2Csans-serif%27%20transform%3D%27rotate%28-28%2090%2060%29%27%3E%40jomdh%3C/text%3E%3C/svg%3E");
  background-repeat: repeat;
  opacity: 0.22;
}
.modes {
  display: inline-flex;
  border: 1px solid #30363d;
  border-radius: 6px;
  overflow: hidden;
}
.modes a {
  padding: .25rem .65rem;
  color: #8b949e;
}
.modes a.on {
  background: #21262d;
  color: #e6edf3;
}