body { 
	background: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='71' height='71' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(48)'%3E%3Crect width='100%25' height='100%25' fill='rgba(0, 97, 0,1)'/%3E%3Ccircle cx='20' cy='20' r='9' fill='rgba(0, 97, 0,1)' filter='url(%23filter-doodad-1)'/%3E%3Ccircle cx='40' cy='20' r='4' fill='rgba(0, 97, 0,1)'/%3E%3Ccircle cx='0' cy='20' r='4' fill='rgba(0, 97, 0,1)'/%3E%3C/pattern%3E%3Cfilter id='filter-doodad-1'%3E%3CfeTurbulence baseFrequency='0.01 0.25' numOctaves='2' result='result1'/%3E%3CfeDisplacementMap in2='result1' scale='7' result='result2' xChannelSelector='R' yChannelSelector='G' in='SourceGraphic'/%3E%3CfeComposite in2='result2' in='SourceGraphic' operator='atop' result='compositeGraphic'/%3E%3CfeOffset in='compositeGraphic' result='fbSourceGraphic' dx='-0.7'/%3E%3C/filter%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E " );
	color: #ff6100;
}

main {
  -webkit-font-feature-settings: "liga" on, "calt" on;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 'Space Mono Nerd Font', 'Input Mono', monospace;
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
  background-color: #ff6100;
}

@media only screen and (max-device-width: 736px) { main { padding: 0.2rem; } }
::selection { background: #ff6100; }
pre { background-color: #ff6100; padding: 1em; border: 0; }
a, a:active, a:visited { color: #9ee493; }
h1, h2, h3, h4, h5 { color: #ff6100; margin-bottom: .1rem; text-align: center; }
blockquote { border-left: 1px solid #ff6100; margin: 0.5em 10px; padding: 0.5em 10px; }
footer { align: center; }
img { max-width: 100%; }

@font-face {
  font-family: "Space Mono Nerd Font";
  src: url("https://tilde.team/~julian/css/font.ttf");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}