webbed-site/themes/moon.css

:root {
    --bgColor: #000040;
    --fgColor: #D8DAFF;
    --metaColor: #141C36;
    --headColor: #A0A8F4;
    --linkColor: #FF72F7;
    --hovColor: #6BB6E5;
    --bgSelect: #453355;
    --sidebarUrl: url("/img/theme/stars.gif") repeat;
    background-color: #030314;
    background-size: 10px 10px;
    background-image:
      linear-gradient(to right, #1C1736 1px, transparent 1px),
      linear-gradient(to bottom, #1C1736 1px, transparent 1px);
    --bullet: url("/img/theme/pastelstar.gif");
    --theme-image: url("/img/theme/spaaace.gif");
  }

  ul.update {
    list-style-image: url("/img/theme/upup.gif");
  }

  @font-face {
    font-family: vcr;
    src: url("/fonts/vcr.ttf")
  }
  @font-face {
    font-family: loveletter;
    src: url("/fonts/loveletter.ttf")
  }
  @font-face {
    font-family: starlight;
    src: url("/fonts/starlight.ttf")
  }
  @font-face {
    font-family: pixelegance;
    src: url("/fonts/pixelegance.ttf")
  }

  html {
    font: .9rem 'vcr', monospace;
    line-height: 1.25rem;
  }

  h1 {
    font: 3.8em loveletter, monospace;
  }

  h2 {
    font: bold 2.75em pixelegance, monospace;
    line-height: 2.5rem;
    padding-top: .5rem;
  }

  h3 {
    font: 2.2em starlight, monospace;
    line-height: 2rem;
    padding: .9rem 0;
  }
  
  h4 {
    font: bold 1.75rem pixelegance, monospace;
    padding-top: 1rem;
    margin: 0.1vw 0.1vw 0.1vw 1.5vw;
  }

  code {
    font: 1rem courier, monospace;
  }